body {
    font-family: Verdana, sans-serif;
    background-color: #F0ECEC;
}
h1,h2,h3,h4,h5,h6 {
    font-family: Georgia, serif;
    color: black;
}
h1 {
    text-align: center;
}
h2 {
    border-top: solid 2px black;
    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: black;
}
.firstWord {
    text-transform: uppercase;
}
#navigation {
    font-family: Georgia, serif;
    font-size: 100%;
    border-top: solid 2px #4E0102;
    border-bottom: solid 2px #4E0102;
    padding: 10px 0;
}

#navigation ul {
    display: flex;
    justify-content: center;
    gap: 25px;
    list-style: none;
    padding: 0;
    margin: 0;
}

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

.dark-mode{
    background-color:black;
    color:white;
}
.dark-mode h1, .dark-mode h2, .dark-mode h3, .dark-mode p, .dark-mode .firstLetter, .dark-mode .firstWord, .dark-mode, .navigation, .dark-mode a{
    color:white 
}