.header-animation {
  animation: slideFromLeft 0.5s ease-in-out forwards;
}

/* CSS */
.animate-on-scroll {
  opacity: 0;
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.animate-fadeInUp {
  opacity: 1;
  transform: translate(0, 0);
}

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

@keyframes slideFromRight {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}