From 0b5ea28fb68b23ba7153d110828ce8e77c12669f Mon Sep 17 00:00:00 2001 From: Timo Date: Sun, 4 Jan 2026 22:56:48 +0100 Subject: [PATCH] feat: Add initial global CSS styles, including Tailwind directives, custom animations, and utility classes for common UI components. --- src/styles/globals.css | 25 +++++++++---------------- 1 file changed, 9 insertions(+), 16 deletions(-) diff --git a/src/styles/globals.css b/src/styles/globals.css index 28931ad..cbc0615 100644 --- a/src/styles/globals.css +++ b/src/styles/globals.css @@ -3,17 +3,23 @@ @tailwind utilities; @layer utilities { + /* Floating blob animation for hero background */ @keyframes blob { - 0%, 100% { + + 0%, + 100% { transform: translate(0, 0) scale(1); } + 25% { transform: translate(20px, -30px) scale(1.1); } + 50% { transform: translate(-20px, 20px) scale(0.9); } + 75% { transform: translate(30px, 10px) scale(1.05); } @@ -38,16 +44,9 @@ :root { --foreground-rgb: 0, 0, 0; - --background-start-rgb: 214, 219, 220; + --background-start-rgb: 255, 255, 255; --background-end-rgb: 255, 255, 255; -} - -@media (prefers-color-scheme: dark) { - :root { - --foreground-rgb: 255, 255, 255; - --background-start-rgb: 0, 0, 0; - --background-end-rgb: 0, 0, 0; - } + color-scheme: light; } * { @@ -75,12 +74,6 @@ a { text-decoration: none; } -@media (prefers-color-scheme: dark) { - html { - color-scheme: dark; - } -} - /* Custom scrollbar */ ::-webkit-scrollbar { width: 6px;