index.html

<!DOCTYPE html>
<html lang="ru">
<head>
    <link rel="icon" type="image/jpg" href="bg.jpg">
    <link rel="stylesheet" type="text/css" href="main.css">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Cormorant+Infant:ital,wght@1,300&display=swap" rel="stylesheet">
    <title>Добро Пожаловать!</title>
</head>
<body>
    <div class="frame">
        <button onclick="location.href='menu.html'" class="custom-btn btn">Начать<div class="dot"></div></button>
    </div>
    <div class="heading">
        <h1>Добро Пожаловать</h1>
        <h1>на Kawaii Party !</h1>
    </div>
    <div>
        <img id="bg" src="pinky.png" alt="white">
    </div>

    <script src="script.js"></script>
    <script>
      const start = () => {
          setTimeout(function() {
              confetti.start()
          }, 0);
      };

      const stop = () => {
          setTimeout(function() {
              confetti.stop()
          }, 30000);
      };
      start();
      stop();
    </script>
</body>
</html>