body {
  color: black;
  font-family: Arvo;
}
.nav{
  position: absolute;
  top: 0%;
  left: 0%;
  z-index: 1;
  list-style-type: none;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(161, 167, 165, 0.8);
  overflow: scroll;
  display: block;

}
.nav li a {
  display: block;
  padding: max(0.4em, 2.85vh);
  text-decoration: none;
  color: black;
  border-style: outset;
  border-width: 1.99vh;
  font-weight: normal;
  font-size: 1.04em;
}
.nav li a:hover {
  background-color: rgba(105, 111, 109, 0.8);
  color: #ffffff;
  border-style: inset;
  border-color: grey;
}

.menu-content{
  display: none;
  list-style-type: none;
 }
 
div .menu-content a{
  padding-left: 14.25vh;
  background-color: rgba(126, 126, 126, 0.8);
}

 .menu:hover .menu-content{
  display: block;
 }
 
 a .menulink:active .menu-content{
  display: block;
 }
 
hr {
  width: 50%;
  }