/* Default values for small screens */
:root{
    --lmargin: 0pt;
    --rmargin: 0pt;
}

/* Values for large screens */
@media only screen and (min-width: 900px) {
    :root{
        --textwidth: 70ch;
        --lmargin: calc(max(0pt, (100vw - var(--textwidth))/2));
        --rmargin: calc(max(0pt, (100vw - var(--textwidth))/2));
    }
    body{
        margin-left: var(--lmargin); margin-right: var(--rmargin);
        font-size: clamp(16px,2vw,22px);
    }
}

/* Margins and fonts */

body {
    color: black; background: white;
    font-family: Georgia, "Noto Serif", Serif;
}
.chapter, .section, .subsection, .paragraph {
    font-family: Verdana, "Noto Sans", Sans-serif;
    font-weight: bold;
}

.part {
  font-size: 120%;
}

/* Left indent headers if screen is wide enough */

@media only screen and (min-width: 1200px) {
    .chapter{margin-left: -10%;}
    .section{margin-left: -10%;}
    .subsection{margin-left: -5%;}
}