body {
    background-color: rgb(88, 91, 81);
    padding: 50px;
    text-align: center;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
 }

 main { 
    background-color: rgb(29, 25, 98);
    
 }
 h2 {
    color: white;
    text-align: center;
 }
h3 {
    color: white;
    text-align: center;
} 
h4 {
    color: white;
    text-align: center;
}
header {
    background-color: rgba(3, 1, 47, 0.678);
    padding: 45px;
    text-align: center;
}

footer {
    background-color: rgba(3, 1, 47, 0.678);
    padding: 15px;
    border-top: 5px solid white;
    border-bottom: 5px solid white;
    color: rgb(17, 193, 196);
}
nav {
    border-bottom: 5px solid white;
    border-top: 5px solid white;
}
nav ul {
    list-style: none;
}
nav li {
display: inline;

}
nav a {
    text-decoration: none;
    color: white;
    background-color: rgb(23, 20, 88);
    border-bottom: 3px solid black;
    border-right: 3px solid black;
    padding: 10px;
}
nav a:hover {
    color: rgb(17, 193, 196);
    background-color: rgb(40, 34, 139);
    border-top: 3px solid black;
    border-left: 3px solid black;
    border-right: 3px rgb(40, 34, 139);
    border-bottom: 3px rgb(40, 34, 139);
}