body {
    font-family: verdana, sans-serif;
    background-color: #22223b;
    color: black;
    margin-left: auto;
    margin-right: auto;
    width: 800px;
}
.header {
    font-family: andale mono, monospace;
    padding: 10px;
    margin: 0;
    color: #9a8c98;
}
.page_title {
    font-size: xx-large;
    font-weight: bold;
    padding-bottom: 5px;
}
.page_subtitle {
    font-size: large;
    padding-bottom: 5px;
    font-style: italic;
    color: #4a4e69;
}
.nav_bar {
    font-size: medium;
    color: #9a8c98;
}
.page_body {
    font-family: andale mono, monospace;
    font-size: medium;
    background-color: #4a4e69;
    padding: 10px;
    margin: 0;
    color: #f2e9e4;
}
.footer {
    font-family: andale mono, monospace;
    font-size: medium;
    padding: 10px;
    margin: 0;
    color: #9a8c98;
}
a:visited, a:link, a:active {
    font-weight: bold;
    text-decoration: none;
    color: #9a8c98;
}
a:hover {
    font-weight: normal;
    text-decoration: none;
    color: #9a8c98;
}

.spoiler {
    background-color: #f2e9e4;
    color: transparent;
}

.spoiler:hover {
    background-color: inherit;
    color: inherit;
}

.blog_title {
    font-size: large;
    font-weight: bold;
}

.blog_subtitle {
    font-style: italic;
    color: #9a8c98;
}

.blog_timestamp {
    font-size: small;
}