.foreground {
  position: absolute;
  overflow: visible;
  z-index: 999;
  width: 100%;
  height: 100%;

}

.hidden { display: none !important; }

#snowflake {
  color: #fff;
  pointer-events: none;
  position: absolute;
  font-size: 25px;
  top: -50px;
  z-index:9999!important;
  -webkit-animation: spin-clockwise 4s linear infinite;
  -moz-animation: spin-clockwise 4s linear infinite;
  animation: spin-clockwise 4s linear infinite;
}
 @-moz-keyframes 
spin-clockwise { 100% {
-moz-transform: rotate(360deg);
}
}
@-webkit-keyframes 
spin-clockwise { 100% {
-webkit-transform: rotate(360deg);
}
}
@keyframes 
spin-clockwise { 100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
 @-moz-keyframes 
spin-counterclockwise { 100% {
-moz-transform: rotate(-360deg);
}
}
@-webkit-keyframes 
spin-counterclockwise { 100% {
-webkit-transform: rotate(-360deg);
}
}
@keyframes 
spin-counterclockwise { 100% {
-webkit-transform: rotate(-360deg);
transform: rotate(-360deg);
}
}