/* Custom styles and animations */
body {
    font-family: 'Inter', sans-serif;
    background-color: #f0f4f8; /* Light gray-blue background */
    color: #1e293b;
}

/* Animation for elements to fade in on scroll */
.reveal {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.reveal.visible {
    opacity: 1;
    transform: translateY(0);
}

/* Custom gradient for buttons and highlights */
.brand-gradient {
    background: linear-gradient(to right, #3b82f6, #8b5cf6);
}
        
.brand-gradient-text {
    background: linear-gradient(to right, #3b82f6, #8b5cf6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Project card hover effect */
.project-card:hover .project-overlay {
    opacity: 1;
}
.project-card:hover img {
    transform: scale(1.05);
}