/* Use sans-serif fonts by default */
body {
    font-family: Calibri, Verdana, Arial, sans-serif;
}

/* Switch to serif fonts if scale is 150% or above */
@media (min-resolution: 144dpi) {
    body {
        font-family: Cambria, serif;
    }
}


/* Set margins explicitly */
body {
    margin: 1em;
}

p {
    margin: 1em 0em;
}


/* Fill the entire viewport to keep copyright
 * at the bottom of the page
 */
main {
    margin-left: auto;
    margin-right: auto;
    max-width: 50em;
    min-height: calc(100dvh - 5.3em);
}

/* Increase the margin of <main> if width is small
 * to give room for alternate language link.
 * Adjust the min-height of <main> accordingly.
 */
 @media (width < 26em) {
    main {
        margin-top: 2.5em;
        min-height: calc(100dvh - 6.5em)
    }
}


/* Support for the dark theme */
@media (prefers-color-scheme: dark) {
    body {
        color: rgb(201, 209, 217);
        background-color: rgb(0, 0, 0);
    }

    a, a:visited {
        color: rgb(29, 155, 240);
    }
}

#copyright,
#altLang {
    font-size: 85%;
}

#copyright {
    height: 1em;
    margin-top: 2.5em;
}

#altLang {
    position: absolute;
    top: 0.15em;
    right: 1.25em;
}