:root {
  --background: white;
  --foreground: black;

  font-family: Inter, sans-serif;
  font-feature-settings: 'liga' 1, 'calt' 1;

  @supports (font-variation-settings: normal) {
    :root {
      font-family: InterVariable, sans-serif;
    }
  }
}

@media (prefers-color-scheme: dark) {
  :root {
    --background: #101010;
    --foreground: white;
  }
}

html {
  background-color: var(--background);
  color: var(--foreground);
}

body {
  max-width: 80vw;
  margin: 0 auto;
}

header {
  text-align: center;
  margin-bottom: 0;

  h1 {
    margin-bottom: 0;
  }

  p {
    margin-top: 0;
  }
}

a {
  color: var(--foreground);
}