@font-face {
  font-family: 'Bitter';
  font-weight: 200;
  font-display: swap;
  src: url(/bitter-extralight.ttf);
}

html {
  font-family: 'Bitter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

body {
  position: relative;
  inset: 0;
}

main {
  --color-start: hsl(240 1% 14%);
  --color-end: hsl(240 0% 6%);
  --grad-start: 0%;
  --grad-end: 95%;

  background-image: linear-gradient(180deg, var(--color-start) var(--grad-start), var(--color-end) var(--grad-end));

  width: 100vw;
  height: 100vh;
  overflow: hidden;
}

.text-zinc-400 {
  --color: oklch(70.5% 0.015 286.067)
}

.tracked-wide {
  letter-spacing: 0.025rem;
}