h1{
  font-size: large;
  font-weight: bold;
}


body{
  margin: 0;
  padding: 0;
  
}

p{
  padding: 5px 5px;
}



/* Navigation bg */
.nav {
  position: relative;
  background-color: #333;
  overflow: hidden;
}

/* nav links */
.nav a {
  float: left;
  color: antiquewhite;
  text-align: center;
  padding: 18px 20px;
  text-decoration: none;
  font-size: 17px;
}

/* nav hov colour */
.nav a:hover {
  background-color: antiquewhite;
  color: black;
  animation-name: example;
  animation-duration: 4s;
}

/* Current */
.nav a.active {
  background-color: slategray;
  color: white;
}

/* Nav Centered */
.nav-c a {
  float: none;
  position: absolute;
  text-align: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* Nav Right */
.nav-r {
  float: right;
}

/*Footer */

footer{
  color:antiquewhite;
  background-color: #333;
  padding: 8px 10px;
}


.content{
  padding-bottom: 2.5rem;   
}

/* Nav Size Fix */
@media screen and (max-width: 600px) {
  .nav a, .nav-r {
    float: none;
    display: block;
    padding: 12px 15px;
  }

  .nav-c a {
    position: relative;
    top: 0;
    left: 0;
    transform: none;
  }
}

/*Animations??? */

@keyframes example {
  from {background-color: antiquewhite;}
  to {background-color: red;}
}