:root {
  background-color: midnightblue;
}
nav {
  position: sticky;
  background-size: cover;
  margin-left: 0;
  overflow: hidden;
  font-size: 100%;
}
li {
  float: left;
  text-align: center;
  margin-left: 20px;
  /*border: 1px solid red;*/
}
a {
  color: yellow;
  text-decoration: none;
  display: block;
  padding: 9px;
  padding-left: 10px;
  float: left;
  margin-left: 10px;
}
.one,
.two,
.three,
.four,
.five {
  padding-right: 51px;
}
ul {
  padding: 0;
  margin: 0;
}
h2 {
  color: black;
  text-align: center;
  text-decoration: underline;
}
li{
  float: left;
  color: black;
}

ul {
  list-style-type: none;
}
h1 {
  color: yellow;
  text-align: center;
  transform: translateY(200%);
  font-family: 'Abril Fatface', cursive;
  vertical-align: middle;
}
.main {
  width: 100;
  height: 300px;
  
  margin-top: 15%;
  opacity: 80%;
}
p {
  vertical-align: middle;
  color: yellow;
  text-align: center;
  transform: translateY(400%);
  font-size: 20px;
  font-weight: bold;
}