From 5051abc440607d132c64f7c309c5c27890113e1b Mon Sep 17 00:00:00 2001
From: tylen <tylen@vm-personal.com>
Date: Mon, 3 Nov 2025 12:27:21 +0200
Subject: [PATCH] frontend: make snowflakes slower

---
 frontend/src/components/Snowflakes.css | 2 +-
 frontend/src/components/Snowflakes.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/Snowflakes.css b/frontend/src/components/Snowflakes.css
index e86b9b2..e1e170e 100644
--- a/frontend/src/components/Snowflakes.css
+++ b/frontend/src/components/Snowflakes.css
@@ -14,7 +14,7 @@
     top: -10%; /* Start above the top of the screen */
     color: white; /* Snowflake color */
     font-size: 1em; /* Size of the snowflake; adjust as needed */
-    opacity: 0.8; /* Transparency */
+    opacity: 0.5; /* Transparency */
     animation: fall linear infinite; /* Apply the fall animation */
 }
 
diff --git a/frontend/src/components/Snowflakes.tsx b/frontend/src/components/Snowflakes.tsx
index 58956b6..6ee7118 100644
--- a/frontend/src/components/Snowflakes.tsx
+++ b/frontend/src/components/Snowflakes.tsx
@@ -13,7 +13,7 @@ const Snowflakes: React.FC = () => {
                     className="snowflake"
                     style={{
                         left: `${Math.random() * 100}vw`, // Random position across the full width
-                        animationDuration: `${Math.random() * 3 + 2}s`, // Random fall duration between 2s and 5s
+                        animationDuration: `${Math.random() * 20 + 10}s`, // Random fall duration between 2s and 5s
                     }}
                 >
                     ❄️