@font-face {
  font-family: Grobold;
  src: url("../fonts/GroboldovPoulos_2.otf") format("opentype");
}

* {
  font-family: "Grobold", Helvetica, Arial, sans-serif;
  font-size: calc(15px + 0.390625vw);
}

h1,
h2,
h3,
h4,
h5,
h6,
button {
  margin: 0;
  font-weight: normal;
  text-transform: uppercase;
  color: #feba04;
  text-shadow: -2px -1px black, -1px -1px black, 0px -1px black, 1px -1px black,
    -2px 0px black, -1px 0px black, 1px 0px black, -2px 1px black,
    -1px 1px black, 0px 1px black, 1px 1px black, -2px 2px black, -1px 2px black,
    0px 2px black, 1px 2px black, -2px 3px black, -1px 3px black, 0px 3px black,
    1px 3px black, 0px 0px black;
}

h1 {
  font-size: 2rem;
}

h2 {
  font-size: 1.5rem;
}

p {
  margin: 0;
  text-transform: none;
}

h1:focus {
  outline: none;
}

a,
a:hover {
  color: gray;
  text-decoration: none;
}

a:hover,
a.active {
  color: white;
}