@font-face { font-family: "JetBrains Mono"; src: url("/JetBrainsMono.woff2"); font-display: swap; } html, html.light { --accent: #00a584; --accent-translucent: #00a58498; --font-primary: "JetBrains Mono", monospace; --primary: #ffffff; --secondary: #eeeeee; --tertiary: #939393; --text: #444444; --grey: #cecece; --alt: #ddd; --alt-text: #333; color-scheme: light; } @media (prefers-color-scheme: dark) { html { --primary: #151515; --secondary: #252525; --tertiary: #353535; --text: #ffffffde; --grey: #5454547a; --alt: #333; --alt-text: #ddd; color-scheme: dark; } } body { @apply font-primary bg-primary text-text m-0 flex flex-col relative min-h-screen leading-relaxed transition-all duration-250; } ::selection { @apply bg-accentTranslucent; } main { @apply p-4; } a { @apply underline text-accent underline-offset-5 transition-filter duration-250; } a:hover { @apply brightness-125; }