body {
    font-family: sans-serif;
    color: black;
    margin: auto;
    text-align: justify;
    hyphens: auto;
    max-width: 50em;
    line-height: 130%;
}

#page-title {
    text-align: center;
}

a {
    text-decoration: none;
}

#page-title a:hover, .post a:hover {
    text-decoration: underline;
}

.date-time-font {
    font-family: "source code pro medium", monospace;
}

#posts {
    padding-left: 2em;
}

.post {
    padding-left: 1em;
}

.blog-post {
    padding-left: 1em;
    padding-right: 1em;
}

.post-container {
    display: block;
}

.post-tags {
    padding-left: 1em;
    padding-right: 1em;
}

.post-tag-list {
    list-style-type: none;
    display: inline-block;
    padding-left: 0;
}

.post-tag-list-item {
    white-space: nowrap;
    display: inline-block;
}

.post-date-time {
    white-space: nowrap;
}

.page-content {
    margin: 1em;
}

pre {
    padding: 12px;
    font-family: "source code pro", monospace;
    line-height: 110%;
}

code {
    font-size: 90%;
    font-family: "source code pro", monospace;
}

aside {
    background-color: #ffffee;
    padding: 24px;
    border-style: solid;
}