body {
  background-color: white;
  border: 10px double black;
  padding: 10px;
}
h1 {
  color: rgb(240, 78, 35);
  font-family: majesti banner bold;
  font-size: 300%;text-align:center;
}
h2 {
  color: rgb(240, 78, 35); 
  font-family: athelas bold;
  font-size: 200%;text-align:center;
}
p {
  color: rgb(65, 57, 61);
  font-family: athelas bold;
  font-size: 150%;text-align:left;
  margin: 50px;
}
ul {
  color: rgb(240, 78, 35); 
  font-family: athelas bold;
  list-style-type: none;
  margin: 0%;
  padding: 0%;
  overflow: hidden;
  background-color: rgb(138, 140, 143);
}
li {
  float: left;
}
li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  }
li a:hover:not(.active) {
  background-color: rgb(65, 57, 61);
} 
.active {
  background-color: rgb(240, 78, 35);
}