@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700;900&display=swap");

      body {
        font-family: "Montserrat", sans-serif;

        background: linear-gradient(
          135deg,
          #9b2226 0%,
          #e63946 50%,
          #ffbe0b 100%
        );

        background-attachment: fixed;
      }

      .pulse {
        animation: pulse 2s infinite;
      }

      @keyframes pulse {
        0% {
          transform: scale(1);
        }

        50% {
          transform: scale(1.05);
        }

        100% {
          transform: scale(1);
        }
      }

      .spin {
        animation: spin 5s linear infinite;
      }

      @keyframes spin {
        from {
          transform: rotate(0deg);
        }

        to {
          transform: rotate(360deg);
        }
      }

      .marquee {
        white-space: nowrap;

        overflow: hidden;

        box-sizing: border-box;
      }

      .marquee span {
        display: inline-block;

        padding-left: 100%;

        animation: marquee 15s linear infinite;
      }

      @keyframes marquee {
        0% {
          transform: translate(0, 0);
        }

        100% {
          transform: translate(-100%, 0);
        }
      }

      .tilt:hover {
        transform: rotate(-5deg);
      }

      .confetti {
        position: absolute;

        width: 10px;

        height: 10px;

        background-color: #f00;

        opacity: 0.7;
      }