body#axle-refer {
    
  --prim: #d1bfa7;
  --dark: #101213;
  
  --bg: var(--dark);

  --bg-img-height: 90vh;
  --bg-img-pos: top;

  --body-pad: 5vh 2rem;  

  --font-main: "Montserrat", sans-serif;    
  --heading-font: 'Prompt',sans-serif;  
  --heading-weight: 600;  
  --heading-color: var(--prim);
  --heading-line-height: 1;
  --h1: min(11vw, 4.5rem);
  --h2: min(8vw, 3rem); 
  --h3: min(6vw, 2rem);

  --btn-radius: .1em;
  --btn-text: black;  
  --btn-text-hover: black;  
  
  --day-selected-text: black;

}


body:before { 
  background: url(bg.jpg) top center no-repeat;
  background-size: cover;
  z-index: -2; 
}



.offer-text {
  p {
    max-width: 50ch;
    line-height: 1.4;
  }
  h1 + p {
    margin-top: 1.5rem;
    margin-bottom: 1rem;
  }
}


@keyframes fade_in {
  from {
    opacity: 0;
  }  
  to {
    opacity: 1;
  }
}

div[role="tabpanel"] {
  opacity: 0;
  animation: fade_in .5s ease forwards;
  &[hidden] {
    opacity: 0;
  }
}