const snowflakes = 100;
const snowflakeSymbols = ['❄', '❅', '❆', '✻'];

function createSnowflake() {
  const snowflake = document.createElement('div');
  snowflake.style.position = 'absolute';
  snowflake.style.top = '-50px';
  snowflake.style.color = Math.random() > 0.5 ? '#cce7ff' : '#d0d0d0';
  snowflake.style.fontSize = Math.random() * 10 + 10 + 'px';
  snowflake.style.textShadow = '0px 0px 5px rgba(0, 0, 0, 0.3)';
  snowflake.style.userSelect = 'none';
  snowflake.style.pointerEvents = 'none';
  snowflake.style.left = Math.random() * window.innerWidth + 'px';
  snowflake.style.animation = `fall ${Math.random() * 3 + 2}s linear infinite`;
  snowflake.innerText = snowflakeSymbols[Math.floor(Math.random() * snowflakeSymbols.length)];
  document.body.appendChild(snowflake);

  setTimeout(() => {
    snowflake.remove();
  }, 5000);
}

setInterval(createSnowflake, 200);

@keyframes fall {
  0% {
    transform: translateY(-100px);
  }
  100% {
    transform: translateY(100vh);
  }
}