@font-face { font-family: "Outfit"; src: url("/static/fonts/outfit.woff2") format("woff2"); font-weight: 300 800; font-display: swap; }
@font-face { font-family: "Space Mono"; src: url("/static/fonts/space-mono-400.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Space Mono"; src: url("/static/fonts/space-mono-700.woff2") format("woff2"); font-weight: 700; font-display: swap; }

:root {
  --night: #07030f;
  --night-2: #140726;
  --line: #3a2358;
  --muted: #a99bc4;
  --hot: #ff2bd6;
  --cyan: #22e6ff;
  --lime: #c6ff2e;
  --gold: #ffd84a;
  --red: #ff3d5a;
  --mono: "Space Mono", "Droid Sans Mono", monospace;
  --sans: "Outfit", "Roboto", sans-serif;
  --chrome: linear-gradient(180deg, #ffffff 0%, #ffe0fb 38%, #ff5fe0 52%, #b44dff 72%, #4a8cff 100%);
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html, body { height: 100%; background: var(--night); color: #f7f2ff; font-family: var(--sans); }
button { font: inherit; border: 0; cursor: pointer; color: inherit; background: none; }
[hidden] { display: none !important; }

.logo {
  font-family: var(--sans); font-weight: 800; font-style: italic; letter-spacing: -0.04em; line-height: .9;
  background: var(--chrome); -webkit-background-clip: text; background-clip: text; color: transparent;
  transform: skewX(-8deg);
}