39 lines
772 B
CSS
39 lines
772 B
CSS
@import "tailwindcss";
|
|
|
|
:root {
|
|
--bg: #030712;
|
|
--fg: #e2e8f0;
|
|
--muted: #94a3b8;
|
|
--accent: #38bdf8;
|
|
}
|
|
|
|
@theme inline {
|
|
--color-background: var(--bg);
|
|
--color-foreground: var(--fg);
|
|
--font-sans: var(--font-geist-sans);
|
|
--font-mono: var(--font-geist-mono);
|
|
}
|
|
|
|
html {
|
|
scroll-behavior: smooth;
|
|
}
|
|
|
|
@media (prefers-reduced-motion: reduce) {
|
|
html {
|
|
scroll-behavior: auto;
|
|
}
|
|
}
|
|
|
|
body {
|
|
background: radial-gradient(1200px 600px at 10% -10%, rgba(56, 189, 248, 0.15), transparent),
|
|
radial-gradient(900px 500px at 90% 0%, rgba(168, 85, 247, 0.14), transparent), var(--bg);
|
|
color: var(--fg);
|
|
font-family: var(--font-geist-sans), system-ui, sans-serif;
|
|
min-height: 100vh;
|
|
}
|
|
|
|
::selection {
|
|
background: rgba(56, 189, 248, 0.35);
|
|
color: #f8fafc;
|
|
}
|