* {
  box-sizing: border-box;
}

:root {
  color-scheme: dark;

  --color-bg: 16 16 16;
  --color-fg: 255 255 255;
  --color-accent: 233 161 255;

  --color-text: var(--color-fg);
  --alpha-text: 0.9;

  --font-sans:
    Inter, system-ui, -apple-system, "Segoe UI", "Helvetica Neue", sans-serif;

  background-color: rgb(var(--color-bg) / 1);
  color: rgb(var(--color-fg) / var(--alpha-text));

  font-family: var(--font-sans);
  font-size: 1.125rem;
  cursor: default;
}

a {
  color: rgb(var(--color-accent) / var(--alpha-text));
  text-decoration: none;
  border-bottom: 1px solid rgb(var(--color-accent) / var(--alpha-text));
}

:is(h1, h2, h3) {
  font-size: 1.25rem;
}

main {
  padding-top: 2em;
  max-width: 120ch;
  margin: 0 auto;
}

#player {
  video {
    width: 100%;
  }

  .description {
    white-space: pre-wrap;
  }
}