/* Animations effects */



/* Utility class */
.animate{
    animation-duration: 1s;
    animation-fill-mode: both;
  }
  
  .animate.animate--infinite{
    animation-iteration-count: infinite;
  
  }
  
  .animate.animate--delay-1s{
    animation-delay: 1s;
  }
  
  
  .animate.animate--delay-2s{
    animation-delay: 2s;
  }
  
  
  .animate.animate--fast{
    animation-duration: 0.6s;
  }
  
  .animate.animate--slow-2s{
    animation-duration: 2s;
  }
  
  .animate.animate--slow-3s{
    animation-duration: 3s;
  }
  
  /* Animations */
  
  
  @keyframes slideInLeft {
    from {
      transform: translateX(-15em);
    }
  
    to{
      transform: translateX(0);
    }
  }
  
  @keyframes slideInRight {
    from {
      transform: translateX(-15em);
    }
  
    to{
      transform: translateX(0);
    }
  }
  
  @keyframes slideInDown {
    from {
      transform: translateX(-10em);
    }
  
    to{
      transform: translateX(0);
    }
  }