/* Snow Layer */
#hero {
  position: relative;
  overflow: hidden;
}

.snow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 2;
}

.snowflake {
  position: absolute;
  top: -10px;
  color: white;
  opacity: 0.8;
  font-size: 0.8rem;
  animation: fall linear infinite;
}

@keyframes fall {
  to {
    transform: translateY(120vh);
    opacity: 0;
  }
}