@keyframes slideIn {
  0% { opacity: 0; transform: translate3d(0, 50px, 0); }
  100% { opacity: 1; transform: translate3d(0, 0, 0); }
}

@keyframes fadeIn {
  0% { opacity: 0; transform: translate3d(0, 50px, 0); }
  100% { opacity: 1; transform: translate3d(0, 0, 0); }
}

.animate-slideIn {
  animation: slideIn 1s ease-out forwards;
}

.animate-fadeIn {
  animation: fadeIn 1.2s ease-out 0.5s forwards;
}