body {
      margin: 0;
      height: 100vh;
      overflow: auto;
      font-family: 'Courier New', monospace;
    }

    @keyframes garageShift {
      0% { background-position: 0% 50%; }
      50% { background-position: 100% 50%; }
      100% { background-position: 0% 50%; }
    }

    .container {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      padding: 2rem;
      border-radius: 1rem;
      background-color: rgba(30, 30, 30, 0.9);
      text-align: center;
      box-shadow: 0 0 40px rgba(255, 165, 0, 0.7);
      animation: driveAround 18s linear infinite;
      z-index: 1;
      max-width: 90vw;
      width: 500px;
    }

    @keyframes driveAround {
      0% { transform: translate(-50%, -50%) rotate(0deg); }
      25% { transform: translate(-45%, -52%) rotate(3deg); }
      50% { transform: translate(-55%, -48%) rotate(-3deg); }
      75% { transform: translate(-52%, -53%) rotate(2deg); }
      100% { transform: translate(-50%, -50%) rotate(0deg); }
    }

    h1 {
      font-size: 2.5rem;
      color: #f5b400;
      margin-bottom: 1rem;
      text-shadow: 2px 2px #000;
    }
	
	h2 {
      font-size: 2.0rem;
      color: #f5b400;
      margin-bottom: 1rem;
      text-shadow: 2px 2px #000;
    }

    p {
      font-size: 1.2rem;
      color: #ccc;
      margin-bottom: 2rem;
      line-height: 1.6;
    }

    .img-placeholder {
      width: 300px;
      height: 300px;
      background-color: #333;
      border: 6px solid #f5b400;
      border-radius: 50%;
      margin: 0 auto 1.5rem auto;
      overflow: hidden;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .img-placeholder img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .loader {
      width: 100%;
      margin-top: 1rem;
      display: flex;
      justify-content: center;
    }

    .loader-bar {
      width: 80%;
      height: 10px;
      background: #444;
      border-radius: 20px;
      overflow: hidden;
      position: relative;
    }

    .loader-bar::before {
      content: '';
      position: absolute;
      height: 100%;
      width: 40%;
      background: linear-gradient(90deg, #f5b400, #ff6600);
      border-radius: 20px;
      animation: loading 2s infinite;
    }

    @keyframes loading {
      0% { left: -40%; }
      50% { left: 60%; }
      100% { left: 100%; }
    }

    footer {
      position: absolute;
      bottom: 10px;
      width: 100%;
      text-align: center;
      z-index: 2;
    }

    .sound-toggle {
      background-color: #f5b400;
      color: #222;
      border: none;
      padding: 0.5rem 1rem;
      border-radius: 10px;
      font-weight: bold;
      cursor: pointer;
      transition: background-color 0.3s;
    }

    .sound-toggle:hover {
      background-color: #ff6600;
    }
	
	.footer-button {
      background-color: #f5b400;
      color: #222;
      border: none;
      padding: 0.5rem 1rem;
      border-radius: 10px;
      font-weight: bold;
      cursor: pointer;
      margin: 0.5rem;
      text-decoration: none;
      display: inline-block;
    }

    .footer-button:hover {
      background-color: #ff6600;
    }
	
#bg-video {
  position: fixed;
  top: 0;
  left: 0;
  min-width: 100vw;
  min-height: 100vh;
  object-fit: cover;
  z-index: -1;
}