/* Custom styles for projects.html */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

body {
    font-family: 'Inter', sans-serif;
}

/* Project card hover effects */
#project-1:hover {
    box-shadow: 0 10px 25px -5px rgba(59, 130, 246, 0.4);
}

/* Gradient animation for card headers */
#project-1 .bg-gray-700 {
    background: linear-gradient(45deg, #3B82F6, #2563EB);
    background-size: 200% 200%;
    animation: gradientMove 5s ease infinite;
}

@keyframes gradientMove {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}

/* Enhanced background with subtle pattern */
.bg-gray-900 {
    background-color: #111827;
    background-image: radial-gradient(#1f2937 1px, transparent 1px);
    background-size: 20px 20px;
}