/* Top-level ******************************************************************/
html, body {
    height: 100%;
    margin: 0 auto;
    max-width: 900px;

    font-size: 16px;
}

/* https://css-tricks.com/snippets/css/fluid-typography */
@media screen and (min-width: 320px) {
    html {
        font-size: calc(16px + 6 * ((100vw - 320px) / 680));
    }
}

@media screen and (min-width: 1000px) {
    html {
        font-size: 22px;
    }
}