/* ============================================================================= /*
    📁 style.css ▶ 

    - 
    💻 JKCPROD © 2024 
/* ============================================================================= */


/***********************************************************************************
                                🔧 ANIM 🔧                     
************************************************************************************/

.fadeInRight {
    animation-name: fadeInRight; 
} 
.fadeInLeft {
    animation-name: fadeInLeft; 
}

.bounce {
    animation: bounce 0.5s;
}

.no-scroll, .no-scroll * {
    overflow: hidden;
    touch-action: none;
}

.animated {
    animation-duration: 0.7s; 
    animation-fill-mode: both; 
}

.animate-letter {
    display: inline-block;
    transition: transform 0.3s;
}


@keyframes fadeInRight {
    from {
      opacity: 0;
      transform: translateX(400px);
    }
    to {
      opacity: 1;
      transform: translateX(0);
    }
}
  
@keyframes fadeInLeft {
    from {
      opacity: 0;
      transform: translateX(-400px);
    }
    to {
      opacity: 1;
      transform: none;
    }
}

  
  
  @keyframes bounce {
    0%, 100% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-10px);
    }
  }


  /* Classes pour l'animation */
.animated {
    animation-duration: 0.7s; /* Durée de l'animation */
    animation-fill-mode: both; /* Garde le style final après l'animation */
}

.no-scroll, .no-scroll * {
    overflow: hidden;
    touch-action: none;
}