/* Keyframe Animations */
@keyframes slideIn {
  0% {
    transform: translateY(-20px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

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

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/* Apply animations */
.container {
  transform: translateY(0);
  opacity: 1;
  animation: slideIn 0.8s ease-out; /* Slide in animation */
}

header {
  animation: fadeIn 1s ease-out; /* Fade-in effect */
}

.main-conten