/* snow.css */

.snowflake {
    position: fixed;            /* so it stays in place as the page scrolls */
    top: -50px;                 /* start above the top of the screen */
    background-color: white;    /* snowflake color */
    border-radius: 50%;         /* make it round */
    pointer-events: none;       /* let mouse clicks pass through */
    opacity: 0.9;
    z-index: 9999;              /* appear above other elements */
    animation-name: snowfall;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
  }
  
  /* Keyframes for falling from top to bottom */
  @keyframes snowfall {
    0% {
      transform: translateY(0);
    }
    100% {
      transform: translateY(110vh);
    }
  }