diff --git a/index.html b/index.html
index 84bd422..4333e50 100644
--- a/index.html
+++ b/index.html
@@ -36,9 +36,27 @@
      <tr><th>Score</th><td id="score"></td><th></th><td></td></tr>
      <tr><th>Comment</th><td colspan="3" id="comment"></td></tr>
     </table>
-  
+    <span class="snow snow-part1"></span>
+    <span class="snow snow-part2"></span>
+    <span class="snow snow-part3"></span>
+    <span class="snow snow-part4"></span>
+    <span class="snow snow-part5"></span>
+    <span class="snow snow-part6"></span>
+    <span class="snow snow-part7"></span>
+    <span class="snow snow-part8"></span>
+    <span class="snow snow-part9"></span>
+    <span class="snow snow-part10"></span>
+    <span class="snow snow-part11"></span>
+    <span class="snow snow-part12"></span>
+    <span class="snow snow-part13"></span>
+    <span class="snow snow-part14"></span>
+    <span class="snow snow-part15"></span>
+    <span class="snow snow-part16"></span>
+    <span class="snow snow-part17"></span>
+    <span class="snow snow-part18"></span>
+    <span class="snow snow-part19"></span>
+  </div>
   <div id="typing"></div>
-</div>
   <div class="login">
   <div class="login-item">
     <p id="loginhead">jsTRR</p>
diff --git a/jstrr.css b/jstrr.css
index c3c3322..f2f0e74 100644
--- a/jstrr.css
+++ b/jstrr.css
@@ -11,30 +11,57 @@
     overflow: hidden;
 }
 .snow {
-    background-color: #fff; 
-    border-radius: 50%;
-    position: absolute;
-    animation: animate-snow 10s linear;
+  background-color: #fff; 
+  border-radius: 50%;
+  position: absolute;
+  animation: animate-snow 10s linear;
+  z-index: 999;
+}
+.snow:nth-child(2n+1){
+  max-width: 500px;
+}
+.snow:nth-child(2n){
+  max-width: 150px;
+}
+span.snow-part1{top: 0; left: 5%;}
+span.snow-part2{top: 0; left: 12%;}
+span.snow-part3{top: 0; left: 15%;}
+span.snow-part4{top: 0; left: 22%;}
+span.snow-part5{top: 0; left: 25%;}
+span.snow-part6{top: 0; left: 28%;}
+span.snow-part7{top: 0; left: 35%;}
+span.snow-part8{top: 0; left: 40%;}
+span.snow-part9{top: 0; left: 43%;}
+span.snow-part10{top: 0; left: 50%;}
+span.snow-part11{top: 0; left: 55%;}
+span.snow-part12{top: 0; left: 60%;}
+span.snow-part13{top: 0; left: 63%;}
+span.snow-part14{top: 0; left: 70%;}
+span.snow-part15{top: 0; left: 75%;}
+span.snow-part16{top: 0; left: 81%;}
+span.snow-part17{top: 0; left: 85%;}
+span.snow-part18{top: 0; left: 90%;}
+span.snow-part19{top: 0; left: 93%;}
+
+@keyframes animate-snow {
+  0% {
+    opacity: 0;
+    top: 0;
   }
-  @keyframes animate-snow {
-    0% {
-      opacity: 0;
-      top: 0;
-    }
-  
-    10% {
-      opacity: 1;
-    }
-  
-    90% {
-      opacity: 1;
-    }
-  
-    100% {
-      opacity: 0;
-      top: 100vh;
-    }
+
+  10% {
+    opacity: 1;
   }
+
+  90% {
+    opacity: 1;
+  }
+
+  100% {
+    opacity: 0;
+    top: 100vh;
+  }
+}
     table{
         margin: 0 auto;
         background-color: white;