/* App UI Enhancements - CSP Compliant */

@keyframes skillPulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

.nav-item, .content-section {
    transform: translateY(20px);
    opacity: 0;
    transition: all 0.3s ease;
}

.skill-item {
    transition: all 0.3s ease;
    cursor: pointer;
}

.timeline-item {
    opacity: 0;
    transform: translateX(-50px);
    transition: all 0.5s ease;
}