/* Using a modern font for better readability */
body {
    font-family: 'Inter', sans-serif;
}

/* Base styles for the "View Project" button */
.btn-view-project {
    @apply inline-flex items-center justify-center w-full px-6 py-3 bg-indigo-600 text-white font-semibold text-base rounded-lg
    hover:bg-indigo-700 transition-all duration-300 transform hover:scale-105 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500 shadow-md;
}

/*
  Animation for project cards
  Each card will fade in with a slight upward movement.
*/
.project-card {
    opacity: 0;
    transform: translateY(20px);
    animation: fadeIn 0.6s ease-out forwards;
    animation-delay: var(--delay, 0ms); /* Use custom property for stagger */
}

@keyframes fadeIn {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}