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;