body {
background-color: #fa0d0d;
margin: 0 10%;
font-family: "legitima", serif;
font-weight: 500;
font-style: normal;
}

h1 {
color: #ffc300;
text-align:center;
font-family: "eight", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 3em ;
text-transform:uppercase;
border-bottom:6px solid #F50A31;
margin-top:10px;
}

h2 {
color: #d1633c;
font-family: "legitima", serif;
font-weight: 500;
font-style: normal;
font-size: 1em;
}

p {
    font-family: "legitima", serif;
font-weight: 500;
font-style: normal;
}

main {
  padding: 2em ;
}

nav a:link {
color:#0084a2;
/* background-color:#b12b2b; */
/* border-radius: 6px; */
text-decoration:none;
 }
  /* visited link */
  nav a:visited {
    color: #ffc300;
    /* background-color:#b12b2b; */
    /* border-radius: 6px; */
  }

  /* mouse over link */
nav a:hover {
color: #ffc300;
background-color:salmon;
  }

  /* selected link */
nav a:active {
color: crimson;
background-color:salmon;
  }

nav {
height: 60px;
font-family: "eight", sans-serif;
font-weight: 400;
font-style: normal;
letter-spacing: 2px;
font-size: .9em;
font-weight: 800;

height: 3em;
overflow: hidden;

}

nav a {
/* APPLIES TO ALL LINKS IN THE NAV */

float: left;
color: #ffffff;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}

  nav a.active {
    /* PUT "active" AS A CLASS ON THE CURRENT PAGE LINK */
    color: #82e8ff;
    background-color:  #9ab4ba;

  }