/* 404 Page Styles */

/* Font styles */
body {
  font-family: 'Poppins', 'Open Sans', sans-serif;
}

/* Bouncing animation for the logo */
.animation-bounce {
  animation: slow-bounce 3s infinite ease-in-out;
  transform-origin: center;
}

@keyframes slow-bounce {
  0%, 100% {
    transform: translateY(0) scale(1);
  }
  50% {
    transform: translateY(-15px) scale(1.05);
  }
}

/* Page load fade-in animation */
body {
  animation: fade-in 1s ease-out;
}

@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

/* Button hover effects */
a.bg-primary:hover {
  box-shadow: 0 4px 12px rgba(28, 71, 45, 0.2);
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

a.border-primary:hover {
  box-shadow: 0 4px 12px rgba(28, 71, 45, 0.2);
  transform: translateY(-2px);
  transition: all 0.3s ease;
}

/* Responsive adjustments */
@media (max-width: 640px) {
  .relative.mb-8.mx-auto {
    width: 180px;
    height: 180px;
  }
  
  h1.text-9xl {
    font-size: 5rem;
  }
}