@font-face {
  font-family: 'Atkinson Hyperlegible';
  font-style: normal;
  font-display: swap;
  font-weight: 200 800;
  src: url(AtkinsonHyperlegibleNextVF-Variable.woff2) format('woff2-variations');
}

:root {
  --spacing: 1em;

  color-scheme: light dark;
}

body {
  background: canvas;
}

footer {
  margin-top: 20svh;
}