@font-face {
  font-family: pixel;
  src: url('/font/harvest-moon-friends-of-mineral-town.otf.woff2');
}
@font-face {
  font-family: "antique";
  src: url('font/RomanAntique.ttf');
}

body {
  background-color: #E1CACA;
  color: black;
  font-family: 'Arial';
}

.content {
  display: block;
  width: 490px;
  margin: auto;
  text-align: center;
  position: relative;
  top: 100px;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  justify-content: center;
}

ul li a {
  color: black;
  padding: 14px 16px;
  text-decoration: none;
  font-family: "pixel";
}

h1 {
  font-size: 3em;
  letter-spacing: 3px;
  font-family: "antique";
}

a {
  color: grey;
}

a:hover {
  color: #380707;
}

a:active {
  color: black;
}