/* smooth-scroll.css (separate file for smooth scrolling effects) */

/* Cyberpunk glow effect on sections (applies to both profile-section/home and portfolio) */
.cyberpunk-glow {
    animation: neon-glow-pulse 1s ease-in-out;
    box-shadow: 0 0 20px rgba(0, 255, 255, 0.5), 0 0 40px rgba(255, 215, 0, 0.3);
}

@keyframes neon-glow-pulse {
    0% {
        filter: brightness(1) contrast(1);
        box-shadow: 0 0 10px rgba(0, 255, 255, 0.2);
    }
    50% {
        filter: brightness(1.2) contrast(1.3);
        box-shadow: 0 0 30px rgba(0, 255, 255, 0.7), 0 0 50px rgba(255, 215, 0, 0.5);
    }
    100% {
        filter: brightness(1) contrast(1);
        box-shadow: 0 0 10px rgba(0, 255, 255, 0.2);
    }
}

/* Smooth scrolling for the html element */
html {
    scroll-behavior: smooth;
}