@font-face {
  font-family: "Noto Serif";
  font-weight: 500;
  font-display: swap;
  src: url(/assets/noto-serif-500.woff2) format("woff2");
}
@font-face {
  font-family: "Noto Sans Variable";
  font-weight: 100 900;
  font-display: swap;
  src: url(/assets/noto-sans-cyrillic-wght-normal.woff2) format("woff2-variations");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Noto Sans Variable";
  font-weight: 100 900;
  font-display: swap;
  src: url(/assets/noto-sans-latin-wght-normal.woff2) format("woff2-variations");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2212;
}

:root {
  --heading: #1d1315;
  --muted: #6f5a5f;
  --ground: #fbf8f7;
}

@media (prefers-color-scheme: dark) {
  :root {
    --heading: #f8eff1;
    --muted: #b09ca1;
    --ground: #0e0a0b;
  }
}

body {
  margin: 0;
  min-height: 100vh;
  min-height: 100dvh;
  display: grid;
  place-items: center;
  padding: 24px 16px;
  background: var(--ground);
  color: var(--muted);
  font: 400 16px/1.6 "Noto Sans Variable", system-ui, sans-serif;
  text-align: center;
}

img { display: block; margin: 0 auto 28px; }

h1 {
  margin: 0 0 8px;
  color: var(--heading);
  font: 500 clamp(28px, 5vw, 40px)/1.15 "Noto Serif", Georgia, serif;
  letter-spacing: -0.02em;
}

p { margin: 0; }