html {
    background-color: #451417;
}

body {
    background-color: navy;
    width: 960px;
    margin: 20px auto;
}
header {
    padding: 20px;
}

header img {
    display: block;
    margin: 20px auto;
    width: 30%;
}
nav {
    background-color: darkorchid;
    padding: 20px;
    text-align: center;
}
nav a {
    color: dodgerblue;
    font-size: 38px;
    margin: 0 20px;
}
nav a:hover {
    color: goldenrod;
    text-decoration: none;
}
main {
    padding: 20px;

}
 main img {
    display: block;
    margin: 20px auto;
    width: 35%;
 }
 footer {
    background-color: darkorchid;
    text-align: center;
    padding: 40px 0;
 }
 a {
    color: aqua;
 }
 a:hover {
    color: lightsalmon;
    text-decoration: none;
 }
 h1,
 h2,
 h3 {
    color: yellowgreen;
 }