body {
    font-family: Verdana, sans-serif;
    background-color: whitesmoke;
}
h1,h2,h3,h4,h5,h6 {
    font-family: Georgia, serif;
    color: #4E0102;
}
h1 {
    text-align: center;
}
h2 {
    border-top: solid 2px #4E0102;
    padding-top: 1em;
}
em {
    font-weight: bold;
    font-size: 120%;
}
blockquote {
    background: #F0ECEC;
    margin: 1em;
    font-style: italic;
}
.firstLetter {
    font-size: 300%;
    font-family: Georgia, serif;
    color: #4E0102;
}
.firstWord {
    text-transform: uppercase;
}
#firstStory {
    color: #17037A;
}
/* Navigation bar */
#navigation {
background-color: #4E0102;
padding: 12px 0;
text-align: center;
}

#navigation ul {
margin: 0;
padding: 0;
}

#navigation li {
display: inline-block;
margin: 0 15px;
}

#navigation a {
color: white;
text-decoration: none;
padding: 8px 14px;
border-radius: 4px;
transition: 0.3s ease;
font-weight: bold;
}

#navigation a:hover {
background-color: #17037A;
}

li {
display: inline;
list-style-type: none;
}

a:link, a:visited, a:active {
color: #17037A; text-decoration: none; font-weight: bold;
}
a:hover {
color: #17037A; text-decoration: underline; font-weight: bold;
}
.current {
text-decoration: underline; font-weight: bold;
}