html{
     font-family:'trebuchet ms', sans-serif;
     margin: 0;
     padding: 0;   
}
h1{
     text-align: center;
     background-color: #415A77;
     color: #ACB7C3;
     margin: 0;
     padding: 20px;
}
body{
     margin: 0;
     padding: 0;
     background-color: #E0E1DD;
     color: #0D1B2A;
}
.nav{
     height: 75px;
}
.nav a{
     text-decoration: none;
     width: 25%;
     text-align: center;
     float: left;
     padding: 25px 0;
     background-color: #92A2B6;
     align-self: center;
     height: 25px;
     color: #415A77;
     font-weight: 600;
}
.nav a:hover{
     background-color: #6A819D;
     color: #bbcedd;
     transition: 150ms;
}
.bod{
     padding: 15px;
}
p{
     margin: 0;
}
#af{
     text-decoration: none;
     color: #123455;
}
#af:hover{
     text-decoration: underline;
     color: #3456d0;
}
#af:active{
     text-decoration: underline;
     color: #f00;
}