@font-face {
  font-family: 'Marlboro';
  src: url('./assets/Marlboro.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ProRacing';
  src: url('./assets/ProRacing.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}


html, body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Impact', 'Arial Black', sans-serif;
    background: black;
    height: 100%;
    width: 100%;
  }
  
  /* Container with fallback for older mobile browsers */
  .container {
    background: url('./assets/WONDERBACKGROUND.png') no-repeat center center / cover;
  
    /* Fallback first */
    min-height: 100vh;
  
    /* Preferred modern unit */
    min-height: 100dvh;
  
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
  }
  
  /* Text overlay */
  .overlay {
    text-align: center;
    color: #ffb400;
    padding: 20px;
  }
  
  .logo {
    width: 100%;
    max-width: 250px;
    height: auto;
    margin-bottom: 50px;
  }
  
  /* Responsive subtitle */
  .subtitle {
    font-family: 'Marlboro', sans-serif;
    font-size: clamp(40px, 6vw, 72px);
    font-weight: 100;
    color: #ffb400;
    margin: 20px 0;
  }
  
  /* F/W 2025 styling */
  .fw {
    font-size: clamp(1rem, 2vw, 2rem);
    font-style: italic;
    color: #d4a600;
    font-family: 'ProRacing', sans-serif;
  }