2nd test

snowflakes.css

@@ -1,13 +1,8 @@
 .snowflakes {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
+  display: block;
   pointer-events: none;
   z-index: 0;
   overflow: hidden;
-  visibility: visible;
 }
 
 .snowflake {
@@ -19,7 +14,11 @@
   text-shadow: 0 0 5px #000;
   user-select: none;
   -webkit-user-select: none;
-  animation: snowflakes-fall 10s linear infinite, snowflakes-shake 3s ease-in-out infinite;
+  cursor: default;
+  animation-name: snowflakes-fall, snowflakes-shake;
+  animation-duration: 10s, 3s;
+  animation-timing-function: linear, ease-in-out;
+  animation-iteration-count: infinite, infinite;
 }
 
 @-webkit-keyframes snowflakes-fall {
@@ -126,8 +125,4 @@
 .snowflake:nth-of-type(11) {
   left: 65%;
   animation-delay: 4s, 2.5s;
-}
-
-body.hide-snowflakes .snowflakes {
-  visibility: hidden;
 }