fade & whitespace

static/site.css

@@ -64,14 +64,14 @@ body{
         font-size: 5vw;
         margin-right: 2.5%;
     }
-    
+
     .input-field{
         margin-top: 2vw;
         float: left;
         font-size: 6vw;
         margin-right: 10px;
     }
-    
+
     .input-field-number{
         display: none;
     }
@@ -81,7 +81,7 @@ body{
     }
 }
 
-/* ############# PLAYER INFORMATION IN LINES ############# */ 
+/* ############# PLAYER INFORMATION IN LINES ############# */
 .playerRank{
     margin-left:1%;
     float: left;
@@ -143,7 +143,7 @@ body{
 }
 
 .line-odd{
-    width: 100%;    
+    width: 100%;
     color: black;
     background-color: lightgrey !important;
     overflow: hidden;
@@ -167,7 +167,7 @@ body{
         font-size: 4.5vw;
         width: 100%;
     }
-    
+
     .colum-names{
         white-space: nowrap;
         overflow: hidden;
@@ -199,14 +199,14 @@ body{
         width: 15%;
         text-align: left;
     }
-    
+
     .playerWinratio{
         /* 19% is just enought to cut the last letter */
         width: 19%;
     }
 }
 
-/* ######################## FOOTER ####################### */ 
+/* ######################## FOOTER ####################### */
 .footer{
     text-align: center;
     font-weight: bold;
@@ -217,7 +217,6 @@ body{
     bottom: 0;
     left: 0;
     height: 30px;
-    
 }
 
 .footerLink{
@@ -241,7 +240,6 @@ body{
     .footerLink{
         font-size: 4vw;
     }
-    
     .mid{
         margin-left: 2.5%;
         margin-right: 2.5%;
@@ -258,3 +256,11 @@ body{
 	font-style: italic;
 	font-weight: bold;
 }
+
+@keyframes fadeIn {
+  from { opacity: 0.3; }
+}
+
+.animate-flicker {
+   animation: fadeIn 2s alternate;
+}