@font-face {
    font-family: Latin Modern;
    src: url('lmroman-regular.woff');
    font-style: normal;
}
@font-face {
    font-family: Latin Modern;
    src: url('lmroman-bold.woff');
    font-weight: bold;
}
@font-face {
    font-family: Latin Modern;
    src: url('lmroman-italic.woff');
    font-style: italic;
}
@font-face {
    font-family: Latin Modern;
    src: url('lmroman-bolditalic.woff');
    font-weight: bold;
    font-style: italic;
}

:root {
    --bg-color: rgb(238, 238, 238);
    --content-color: rgb(14, 14, 14);
}

body > figure > img {
    filter: invert(1);
    height: 10rem;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg-color: rgb(14, 14, 14);
    --content-color: rgb(238, 238, 238);
  }
  body > figure > img {
    filter: unset;
  }
}

body {
    background-color: var(--bg-color);
    color: var(--content-color);
    font-family: Latin Modern, serif;
}