html {
    background-color:deepskyblue;
}

body {
    font-family:fantasy;
    font-size: 87%;
}   

.container {
    max-width:  940px;
    margin-left:auto;
    margin-right:auto;
    background-color:whitesmoke;
    padding-left:40px;
    padding-right: 40px;
    box-sizing:border-box;
}
header {
    padding-top:20px;
    padding-bottom:20px;
    color:deeppink;
}

.site-nav li {
    list-style:none;
    float:left;
    margin-right: 10px;
}

.site-nav ul {
    margin:0;
    padding:0;
}

.site-nav {
    margin-top:20px;
}

.site-nav a {
    text-decoration:none;
    color:darkmagenta;
    padding: 10px 20px;
    border: 3px solid darkmagenta;
    display: block;
    border-bottom: 2px solid darkmagenta;
}

.site-nav a:hover {
    background-color:mediumpurple;
}
/* End of Site Navigation*/

img {
    width:850px;
    height:max-content;
}