@layer defaults, page;

@layer defaults {
    * {
        margin: 0;
        padding-bottom: 1em;
    }
    body {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 90%;
        width: min(90%, 800px);
        margin: 1em auto;
    }
    h2 {                                /* 0-0-1 */
        font-size: 150%;
    }
    ul, li, h2 {
        padding-bottom: .5em;
    }
}

@layer page {
    img {
        width: min(100%, 750px);
    }
    footer h2 {                        /* 0-0-2 */
        text-align: center;
        font-size: 90%;
    }
}

@media screen and (max-width: 600px) {
    h2 {                              /* 0-0-1 */
        font-size: 120%;
        text-align: left;
    }
}