/* Custom Animations for an Interactive Feel */

/* Parallax Effect for the Hero Section */
.hero {
    background-attachment: fixed;
}

/* Enhanced Project Card Hover Effect */
.project-card {
    transition: box-shadow 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}

.project-card:hover {
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 123, 255, 0.5);
}

/* Scroll Animations */
.scroll-animate {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.scroll-animate.in-view {
    opacity: 1;
    transform: translateY(0);
}

/* Magnetic Navigation Links */
#header nav a {
    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
}