working

snowstorm.css

@@ -1,41 +1,7 @@
-/* styles.css */
-.snow-container {
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    pointer-events: none;
-    z-index: 9999;
-}
-
 .snowflake {
     position: absolute;
-    top: -10px;
-    width: 10px;
-    height: 10px;
-    background: white;
+    background-color: rgba(255, 255, 255, 0.8);
     border-radius: 50%;
-    opacity: 0.9;
-    animation: fly diagonal infinite, spin linear infinite;
-}
-
-/* Schneeflocken fliegen diagonal von rechts oben nach links unten */
-@keyframes fly {
-    0% {
-        transform: translate(100vw, -10px); /* Startposition: Rechts oben */
-    }
-    100% {
-        transform: translate(-10vw, 110vh); /* Endposition: Links unten */
-    }
-}
-
-/* Drehen der Schneeflocken für mehr Dynamik */
-@keyframes spin {
-    0% {
-        transform: rotate(0deg);
-    }
-    100% {
-        transform: rotate(360deg);
-    }
-}
+    pointer-events: none;
+    opacity: 0.7;
+}