:root {
  color-scheme: light;
}

body {
background: #000000;
background: linear-gradient(180deg, rgba(0, 0, 0, 1) 37%, rgba(33, 0, 26, 1) 84%, rgba(64, 0, 17, 1) 100%);

  color: #111827;
  font-family: "Work Sans", ui-sans-serif, system-ui, -apple-system,
    BlinkMacSystemFont, "Segoe UI", sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

h1,
h2,
h3 {
  font-family: "Instrument Serif", "Times New Roman", serif;
  letter-spacing: -0.01em;
}

.standout {
  background: -webkit-linear-gradient(#eee, #333);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

h2 { font-size: 20pt; }

textarea {
  resize: vertical;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}