/* A long page of text: one centred column, narrow enough to read
   comfortably (lines much longer than ~80 characters are hard to follow),
   on a .card so the text doesn't sit directly on the watermark. */
main {
    width: 100%;
    max-width: 50rem;
    margin: 3rem auto;
    line-height: 1.5;
}

h1 {
    margin-top: 0;
}

/* The space above each heading is larger than below it, so a heading reads
   as the start of the next section rather than the end of the last one. */
h2 {
    margin: 2rem 0 0.5rem;
    font-size: 1.2rem;
}