/* Animations for the projects page */
.project-section.is-in-view .project-card {
    opacity: 1;
    transform: translateY(0);
}

.project-card {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out, box-shadow 0.3s ease-in-out, transform 0.3s ease-in-out;
    transition-delay: var(--delay, 0s);
}

.project-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
}