body{
    margin: 0;
    background-color: aliceblue;
}
a{
    text-decoration: none;
}
a:link, a:visited{
    color: #287AFF;
}
a:hover, a:active{
    color: #93BCFF;
}

h1{
    background-color: #d1f0ff;
    margin: 0;
    padding: 15px 0;
    text-align: center;
    color: dodgerblue;
    font-family: serif;
    font-weight: bold;
    font-size: 36px;
    text-shadow: 3px 3px 3px lightgray;
    border-bottom: 5px solid #ade5ff;
}

main{
    max-width: 800px;
    margin: 30px auto;
    border: 1px solid;
    background-color: white;
}
main h5{
    margin: 0;
    padding: 5px;
}
main h2{
    margin: 0;
    padding: 5px 10px;
    background-color: whitesmoke;
    font-family: serif;
    font-weight: bold;
    font-size: 24px;
}
main p{
    margin: 15px 10px;
    line-height: 1.6em;
}
main pre{
    font-family: sans-serif;
    font-size: 16px;
    line-height: 1.3em;
    background-color: whitesmoke;
    margin: 15px 10px;
    padding: 3px 10px;
    font-weight: 300;
    letter-spacing: 0.02em;
    overflow-x: scroll;
}
main img{
    display: block;
    width: 90%;
    margin: 30px auto;
}
main hr{
    margin: 30px 5px 10px;
}

footer{
    height: 100px;
    background-color: #d1f0ff;
}
footer p{
    max-width: 800px;
    margin: 0 auto;
    padding: 5px;
    text-align: right;
}