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 }} > ❄️