/* Entrance animation for content */
@keyframes slideUpFadeIn {
  0% {
    opacity: 0;
    transform: translateY(25px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Apply animation to content sections */
.main-content {
  animation: slideUpFadeIn 0.5s ease-out forwards;
  opacity: 0;  /* Start hidden before animation */
}

.main-content p {
  animation: slideUpFadeIn 0.7s ease-out forwards;
  animation-delay: 0.4s;
  opacity: 0;
}

.button {
  animation: slideUpFadeIn 0.7s ease-out forwards;
  animation-delay: 0.7s;
  opacity: 0;
}

.tile {
  opacity: 0;
  transform: translateY(25px);
  animation: slideUpFadeIn 0.6s ease-out forwards;
}