50 lines
966 B
CSS
50 lines
966 B
CSS
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
:root {
|
|
color-scheme: light;
|
|
}
|
|
|
|
.dark {
|
|
color-scheme: dark;
|
|
}
|
|
|
|
html {
|
|
scroll-behavior: smooth;
|
|
}
|
|
|
|
body {
|
|
background: #f6f0e7;
|
|
color: #10231d;
|
|
}
|
|
|
|
.dark body {
|
|
background: #08130f;
|
|
color: #fffdf8;
|
|
}
|
|
|
|
::selection {
|
|
background: rgba(29, 158, 117, 0.24);
|
|
}
|
|
|
|
.grain {
|
|
background-image:
|
|
radial-gradient(circle at 20% 20%, rgba(29, 158, 117, 0.14), transparent 32%),
|
|
radial-gradient(circle at 80% 0%, rgba(127, 119, 221, 0.16), transparent 26%),
|
|
linear-gradient(135deg, rgba(255,255,255,.78), rgba(255,255,255,.42));
|
|
}
|
|
|
|
.dark .grain {
|
|
background-image:
|
|
radial-gradient(circle at 18% 12%, rgba(29, 158, 117, 0.2), transparent 32%),
|
|
radial-gradient(circle at 85% 8%, rgba(127, 119, 221, 0.2), transparent 28%),
|
|
linear-gradient(135deg, rgba(16,35,29,.95), rgba(8,19,15,.96));
|
|
}
|
|
html {
|
|
scroll-behavior: smooth;
|
|
}
|