/* I wanted to be able to support dark-mode via something like: */
/* @media (prefers-color-scheme: dark) { */
/* but I can't seem to figure out how to get my web browsers
   to request this */

:root {
    /* --main-bg-color: #cdcdcd; */
    /* --main-text-color: #232323; */
    --main-bg-color: #FFF;
    --main-text-color: #000;
}

@media(prefers-color-scheme: dark){
    :root {
        --main-bg-color: #000;
        --main-text-color: #FFF;
    }
}

body {
  font-family: sans-serif;
  background: var(--main-bg-color);
  color: var(--main-text-color);
}

@media only screen and (min-device-width: 768px) {
    body {
        max-width: 768px;
        margin: 0 auto;
    }
}