@font-face {
  font-family: majesti;
  src: http://www.geocities.ws/katyastrasburger/Media/Majesti-Banner-Bold.ttf;
}

@font-face {
  font-family: athelas;
  src: http://www.geocities.ws/katyastrasburger/Media/Athelas.ttf;
}

body {
    background-color: rgb(215, 228, 194);
}

p.athelus {
  display: inline;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
  font-family: athelas;
  color: rgb(65 57 61);
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: rgb(213, 162, 141);
}

li {
  display: inline;
  float: left;
}

li a {
  display: block;
  color: rgb(65, 57, 61);
  padding: 14px 16px;
  text-decoration: none;
  font-family: athelas;
  
}

li a:hover {
  background-color: rgb(190, 30, 45)
  color: rgb(215, 228, 194)
}

.header {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%
}