/* @font-face { */
/*     font-family: 'Atkinson Hyperlegible Next'; */
/*     font-style: italic; */
/*     src: url(/assets/AtkinsonHyperlegibleNext-Italic-VariableFont_wght.ttf) format('truetype'); */
/* } */
/* @font-face { */
/*     font-family: 'Atkinson Hyperlegible Next'; */
/*     font-style: normal; */
/*     src: url(/assets/AtkinsonHyperlegibleNext-VariableFont_wght.ttf) format('truetype'); */
/* } */
/* @font-face { */
/*     font-family: 'Gelasio'; */
/*     font-style: italic; */
/*     src: url(/assets/Gelasio-Italic-VariableFont_wght.ttf) format('truetype'); */
/* } */
/* @font-face { */
/*     font-family: 'Gelasio'; */
/*     font-style: normal; */
/*     src: url(/assets/Gelasio-VariableFont_wght.ttf) format('truetype'); */
/* } */
:root {
    color-scheme: light dark;
    --background-color: #ffffff;
    --background-color-dim1: #fcfcfc;
    --background-color-dim2: #f0f0f0;
    --background-color-dim3: #e0e0e0;
    /* font-family: "Atkinson Hyperlegible Next", sans-serif; */
}
@media screen and (prefers-color-scheme: dark) {
    :root {
        --background-color: #1C1B22;
        --background-color-dim1: #1f1e25;
        --background-color-dim2: #2b2a31;
        --background-color-dim3: #3b3a41;
    }
}
body { background-color: var(--background-color); }
/* h1, h2, h3, h4, h5, h6 { font-family: Gelasio, serif; font-weight: normal; } */
p { hyphens: auto; }
th, td { padding: 2px 4px; }
th { background-color: var(--background-color-dim3); }
tr { background-color: var(--background-color-dim2); }
tr:nth-child(2n+1) { background-color: var(--background-color-dim1); }