body {
      font-family: 'Tahoma';
      background: linear-gradient(145deg, #00d6fa, #007aff);
      color: black;
      overflow: hidden;
    }

     model-viewer {
        position: fixed;
        width: 90%;
        height: 90%;
      }

    img {
      position: fixed;
      width: 300px;
      height: 300px;
      top: 50%; 
      left: 50%; 
      transform: translate(-50%, -50%); 
      cursor: pointer;
      transition: transform 0.3s, box-shadow 0.3s;
    }

    img:active {
      transform: translate(-50%, -50%) scale(0.95);
      box-shadow: 0 0 15px rgba(255, 215, 0, 0.7);
    }

    #congratulationsText, #timer {
      display: none;
      position: fixed;
      top: 30%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 40px;
      text-align: center;
      z-index: 20;
      background: linear-gradient(145deg, grey, black);
      -webkit-background-clip: text;
      color: transparent;
      text-shadow: 0 0 10px rgba(255, 215, 0, 0.5);
      padding: 20px;
      border-radius: 15px;
      white-space: nowrap;
      overflow: hidden;
font-weight: bold;
    }

    #timer {
      top: 60%; 
      background: linear-gradient(145deg, grey, black);
      color: white;
      text-shadow: 0 0 10px rgba(255, 215, 0, 0.5);
      border-radius: 20px;
      padding: 10px;
    }

    @keyframes blink {
      0%, 100% { opacity: 1; }
      50% { opacity: 0; }
    }

    @keyframes fadeOut {
      0% { opacity: 1; transform: translateY(0); }
      100% { opacity: 0; transform: translateY(-50px); }
    }

    @keyframes typing {
      from { width: 0; }
      to { width: 100%; }
    }

    #plusOne, #plusOne1, #plusOne2 {
      position: fixed;
      z-index: 30;
      display: none;
      font-weight: bold;
      background: linear-gradient(145deg, grey, black);
      -webkit-background-clip: text;
      color: transparent;
      text-shadow: 0 0 10px rgba(255, 215, 0, 0.5);
    }

    #plusOne {
      top: 50%;
      left: 10%;
      transform: translate(-50%, -50%);
      font-size: 30px;
    }

    #plusOne1 {
      top: 40%;
      left: 85%;
      transform: translate(-50%, -50%);
      font-size: 35px;
    }

    #plusOne2 {
      top: 60%;
      left: 75%;
      transform: translate(-50%, -50%);
      font-size: 40px;
    }

    #total {
      position: fixed;
      top: 90%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 30px;
      text-align: center;
      z-index: 20;
      background: linear-gradient(145deg, grey, black);
      -webkit-background-clip: text;
      color: transparent;
      text-shadow: 0 0 10px rgba(255, 215, 0, 0.5);
      padding: 20px;
      border-radius: 15px;
      white-space: nowrap;
font-weight: bold;
    }

    #backButton {
      display: none;
      position: fixed;
      bottom: 5%;
      left: 50%;
      transform: translateX(-50%);
      font-size: 20px;
      padding: 10px 20px;
      background: linear-gradient(145deg, grey, black);
      color: white;
      border: none;
      border-radius: 20px;
      cursor: pointer;
      text-shadow: 0 0 10px rgba(255, 215, 0, 0.5);
font-weight: bold;
    }

    #backButton:hover {
      background: linear-gradient(145deg, black, grey);
      color: #FFA500;
    }
#Text1 {
      position: fixed;
      top: 95%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 25px;
      text-align: center;
      z-index: 20;
      background: linear-gradient(145deg, grey, black);
      -webkit-background-clip: text;
      color: transparent;
      text-shadow: 0 0 10px rgba(255, 215, 0, 0.5);
      padding: 20px;
      border-radius: 15px;
      white-space: nowrap;
      overflow: hidden;
font-weight: bold;
    }

#splashScreen { z-index: 1; position: fixed; width: 100%; height: 100%; background: transparent; display: flex; justify-content: center; align-items: center center; font-size: 15px; cursor: pointer; background: linear-gradient(145deg, #FFD700, #FFA500);
      -webkit-background-clip: text;
      color: transparent;
      text-shadow: 0 0 10px rgba(255, 215, 0, 0.5);  text-shadow: 0 0 10px rgba(255, 215, 0, 0.5); font-weight: bold; }
@media (max-width: 500px) {
      #total, #Text1 {
        font-size: 15px;
    }
}