@font-face {
  font-family: Everson; /* this is the name our custom font has in our stylesheet */
  src: url("Everson-Mono.ttf");
}

@font-face {
  font-family: Everson;
  src: url("Everson-Mono-Oblique.ttf");
  font-style: italic;
}

@font-face {
  font-family: Everson;
  src: url("Everson-Mono-Bold.ttf");
  font-weight: bold;
}

@font-face {
  font-family: Everson;
  src: url("Everson-Mono-Bold-Oblique.ttf");
  font-weight: bold;
  font-style: italic;
}

body,
html {
  position: relative;
  font-family: Everson, "Courier New", monospace;
  height: 100%;
  margin: 0;
  padding: 8px;
  box-sizing: border-box;

  background: white;
  color: black;
}

/* Typography */
h1,
h2,
p,
ul,
code,
td,
th,
a {
  font-family: Everson, monospace;
  margin-block-start: 0.5em;
  margin-block-end: 0.5em;
  text-align: left;
  font-weight: normal;
}


a:link, a:visited {
  color: mediumblue;
  text-decoration: none;
}

a:hover, a:active {
  color: darkblue;
}


button {
    padding: 50px;
    border-radius: 50%;
    box-shadow: 0 0 50px 15px #48abe0;
    border: none;
    font-size: 1rem;
    transition: 0.5s;
    cursor:pointer;

}

button:hover, button:active {
        box-shadow: 0 0 50px 15px mediumblue;

}