.list-display {
    max-width: 40.5em;
}

.post-content {
    font-family: "Roboto Slab", serif;
    text-align: justify;
    margin-bottom: 2em;
}

.post-content p {
    text-indent: 1.25em;
    margin: 0;
    hyphens: auto;
}

.post-content hr {
    border: none;
    margin-top: 1em;
    margin-bottom: 3em;
}

.post-content hr::before {
    content: "***";
    display: block;
    text-align: center;
    font-weight: bold;
}

.list-display h1,
.list-display h2,
.list-display h3,
.list-display h4,
.list-display h5,
.list-display h6 {
    font-variant: small-caps;
}

@media (max-width: 768px) {
    .list-display {
        max-width: 35.5em;
    }
}