document.addEventListener("DOMContentLoaded", function () {
      const container = document.body;
      const numberOfSnowflakes = 50;

      for (let i = 0; i < numberOfSnowflakes; i++) {
        createSnowflake();
      }

      function createSnowflake() {
        const snowflake = document.createElement("div");
        snowflake.className = "snowflake";
        snowflake.innerHTML = "❄"; 
        snowflake.style.left = `${Math.random() * 100}vw`;
        snowflake.style.top = "0";
        snowflake.style.animationDuration = `${Math.random() * 2 + 1}s`;
        container.appendChild(snowflake);

        snowflake.addEventListener("animationiteration", () => {
          snowflake.style.left = `${Math.random() * 100}vw`;
        });
      }
    });