.snowflake {
  position: fixed;
  top: -10px;
  color: #8afff7;
  font-size: 0.8em;
  opacity: 0.7;
  z-index: 99999;
  pointer-events: none;
  animation: fall linear infinite;
  text-shadow: 0px 0px 3px #000000; 
}

@keyframes fall {
  0% {
    transform: translateX(0) translateY(0);
    opacity: 1;
  }
  25% {
    transform: translateX(-10px) translateY(25vh);
  }
  50% {
    transform: translateX(15px) translateY(50vh);
  }
  75% {
    transform: translateX(-15px) translateY(75vh);
  }
  100% {
    transform: translateX(10px) translateY(100vh);
    opacity: 0;
  }
}