Something went wrong. Try again.
A daily game
Something went wrong. Try again.
12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182@import "@fontsource-variable/dm-sans/opsz.css";@import "tailwindcss";@import "tw-animate-css";
@custom-variant dark (&:is(.dark *));
:root { --background: oklch(95.08% 0.0481 184.07); --secondary-background: oklch(100% 0 0); --foreground: oklch(0% 0 0); --main-foreground: oklch(0% 0 0); --main: oklch(78.57% 0.1422 180.36); --border: oklch(0% 0 0); --ring: oklch(0% 0 0); --overlay: oklch(0% 0 0 / 0.8); --shadow: 4px 4px 0px 0px var(--border); --chart-1: #00d6bd; --chart-2: #0099ff; --chart-3: #7a83ff; --chart-4: #ff4d50; --chart-5: #facc00; --chart-active-dot: #000;}
.dark { --background: oklch(22.65% 0.0236 198.49); --secondary-background: oklch(23.93% 0 0); --foreground: oklch(92.49% 0 0); --main-foreground: oklch(0% 0 0); --main: oklch(71.47% 0.129261 180.4742); --border: oklch(0% 0 0); --ring: oklch(100% 0 0); --shadow: 4px 4px 0px 0px var(--border); --chart-1: #00bda7; --chart-2: #008ae5; --chart-3: #7a83ff; --chart-4: #ff6669; --chart-5: #e0b700; --chart-active-dot: #fff;}
@theme inline { --default-font-family: "DM Sans Variable", sans-serif; --color-main: var(--main); --color-background: var(--background); --color-secondary-background: var(--secondary-background); --color-foreground: var(--foreground); --color-main-foreground: var(--main-foreground); --color-border: var(--border); --color-overlay: var(--overlay); --color-ring: var(--ring); --color-chart-1: var(--chart-1); --color-chart-2: var(--chart-2); --color-chart-3: var(--chart-3); --color-chart-4: var(--chart-4); --color-chart-5: var(--chart-5);
--spacing-boxShadowX: 4px; --spacing-boxShadowY: 4px; --spacing-reverseBoxShadowX: -4px; --spacing-reverseBoxShadowY: -4px; --radius-base: 15px; --shadow-shadow: var(--shadow); --font-weight-base: 500; --font-weight-heading: 700;}
@layer base { body { @apply text-foreground font-base bg-background; }
h1, h2, h3, h4, h5, h6 { @apply font-heading; }}