body {
    margin: 0;
    font-family: Garamond;
    width: 800px;
    margin-left: auto;
    margin-right: auto;  
    background-color: #cfe9ff;
}

article {
    font-size: 16px;
    padding: 8px 8px 8px 8px;

    border-top: 2px solid #222222;
    border-bottom: 2px solid #222222;

    background-color: #96ceff;
    color: #222222;
}

.topnav {
    overflow: hidden;
    width: 800px;
    margin-left: auto;
    margin-right: auto;  
    background-color: #cfe9ff;
}

.topnav a {
    float: right;
    color: #222222;
    float: right;
    padding: 24px 8px 0px 16px; 
    text-decoration: none;
    font-size: 16px;
}

.topnav a:hover {
    color: blue;
}

.topnav a.split {
    float: left;
    padding: 16px 16px 0px 8px; 
    color: #222222;
    font-size: 24px;
}
.topnav a.split:hover {
    color: blue;
}

.topnav a.active {
    color:blue;
}

h1 {
    font-size: 24px;
    color: #222222;
}