natter/default_environment/stylesheet/main.css

:root {
    --main-max-width: 800px;
}

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

.page_header {
    width: 100%;
    max-width: var(--main-max-width);
    border-bottom: 0.2rem solid black;

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

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

/* 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;
}