:root {
    --main-max-width: 800px;
    --site-background-color: #0a0a0a;
    --site-text-color: #fffffc;
    --header-divider-color: #6a687a;
    --unused-1: #6ccff6;
    --unused-2: #84828f;
}

body {
    color: var(--site-text-color);
    background-color: var(--site-background-color);

    a:link, a:visited {
        /* TODO: Should I use a different color for links? */
        color: var(--site-text-color);
    }
}

.page_centering {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.page_header {
    width: 100%;
    max-width: var(--main-max-width);
    border-bottom: 0.1rem solid var(--header-divider-color);

    .home_link {
        font-size: 1.2rem;
        font-weight: 600;
        text-decoration: none;

        &:link, &:visited {
            color: var(--site-text-color);
        }
    }
}

.main_content {
    width: 100%;
    max-width: var(--main-max-width);
    font-size: 1.2rem;
    line-height: 1.2;

    p {
        margin: 1rem 0;
    }
}

/* A stand-alone blog post (not in a blog stream). */
.blog_post {
    padding: 1rem 0 3rem 0;
}

.blog_post_title {
    font-size: 2rem;
    font-weight: 700;
    padding-bottom: 1rem;
}