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

@keyframes slideInLeft {
  from { transform: translateX(-100%); opacity: 0; }
  to { transform: translateX(0); opacity: 1; }
}

@keyframes slideInRight {
  from { transform: translateX(100%); opacity: 0; }
  to { transform: translateX(0); opacity: 1; }
}

.animate__animated {
  animation-duration: 0.6s;
}

.animate__fadeIn {
  animation-name: fadeIn;
}

.animate__fadeInLeft {
  animation-name: slideInLeft;
}

.animate__fadeInRight {
  animation-name: slideInRight;
}