@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
        
        * {
          padding: 30;
          margin: 10;
          box-sizing: border-box;
        }
        
        h1 {
          background: linear-gradient(to right, #ffd900, #ff2f00);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
          text-transform: uppercase;
          text-align: center;
          font-weight: 700;
          font-size: 3rem;
          letter-spacing: 3px;
          margin-bottom: 1rem;
          margin-left: 1px;
        }
        
        h2 {
          background: linear-gradient(to right, #ffd900, #ff2f00);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
          text-transform: uppercase;
          text-align: center;
          font-weight: 700;
          font-size: 2rem;
          letter-spacing: 1px;
          margin-bottom: 1rem;
          margin-left: 0.5px;
        }
        
        .countdown {
          display: flex;
          justify-content: center;
          align-items: center;
          text-align: center;
          gap: 2rem;
          margin-left: 0.5px;
        }
        
        .countdown h2 {
          font-size: 2rem;
          background: linear-gradient(to right, #ffd900, #ff2f00);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
        }
        
        @media (min-width: 768px) {
          .countdown-container {
            margin-left: 0.5px;
          }
        }