/*
* Animation styling
*/
#road1 {
    animation: pageExit 1s linear forwards infinite;
  }
  
  #road2 {
    animation: pageEnter 1s linear forwards infinite;
  }
  
  #terrain1 {
    animation: pageEnter 2s linear forwards infinite;
  }
  
  #terrain2 {
    animation: pageExit 2s linear forwards infinite;
  }
  
  #mountains1 {
    animation: pageEnter 6s linear forwards infinite;
  }
  
  #mountains2 {
    animation: pageExit 6s linear forwards infinite;
  }
  
  #clouds1 {
    animation: pageEnter 12s linear forwards infinite;
  }
  
  #clouds2 {
    animation: pageExit 12s linear forwards infinite;
  }
  
  #van-body {
    animation: bounce 0.3s forwards infinite;
  }
  
  /*
  * Keyframes
  */
  @keyframes pageExit {
    from {
      transform: translateX(0%);
    }
    to {
      transform: translateX(100%);
    }
  }
  
  @keyframes pageEnter {
    from {
      transform: translateX(-100%);
    }
    to {
      transform: translateX(0%);
    }
  }
  
  @keyframes bounce {
    from {
      transform: translateY(0);
    }
    to {
      transform: translateY(5px);
    }
  }
  
  /* 
  * Basic page styling
  */
  body,
  html {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
  }
  
  svg {
    position: relative;
  }
  
  /*
  * SVG styles - Updated with THUMA brand colors
  */
  .st0 {
    fill: #FDF8F3; /* Off-White background */
  }
  .st1 {
    fill: none;
    stroke: #2B2B2B; /* Deep Charcoal */
    stroke-width: 8;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
  }
  .st2 {
    display: none;
  }
  .st3 {
    display: inline;
    fill: #F4B400; /* Kasi Yellow */
  }
  .st4 {
    fill: none;
    stroke: #E97428; /* Warm Orange */
    stroke-width: 8;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
  }
  .st5 {
    fill: #F4B400; /* Kasi Yellow */
  }
  .st6 {
    fill: #FDF8F3; /* Off-White */
    stroke: #E97428; /* Warm Orange */
    stroke-width: 8;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
  }
  .st7 {
    fill: none;
    stroke: #E97428; /* Warm Orange */
    stroke-width: 7.4637;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
  }
  .st8 {
    opacity: 0.56;
    fill: #F4B400; /* Kasi Yellow */
    enable-background: new;
  }
  .st9 {
    fill: #2B2B2B; /* Deep Charcoal */
  }
  .st10 {
    fill: #E97428; /* Warm Orange */
  }
  .st11 {
    opacity: 0.36;
  }
  .st12 {
    opacity: 0.36;
    fill: #E97428; /* Warm Orange */
    enable-background: new;
  }
  .st13 {
    opacity: 0.25;
  }
  .st14 {
    fill: #FDF8F3; /* Off-White */
  }
  .st15 {
    fill: #F1F1F1; /* Light Gray */
  }
  
  .st16 {
    opacity: 0.48;
    fill: none;
    stroke: #2B2B2B; /* Deep Charcoal */
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
    enable-background: new;
  }
  .st17 {
    fill: none;
    stroke: #2B2B2B; /* Deep Charcoal */
    stroke-width: 4;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
  }