/* Custom styles for the timeline and animations */
body {
    font-family: 'Inter', sans-serif;
    background-color: #0a192f;
    color: #ccd6f6;
}
.text-neon {
    color: #64ffda;
}
.bg-navy {
    background-color: #0a192f;
}
.bg-light-navy {
    background-color: #112240;
}
.timeline-item::before {
    content: '';
    position: absolute;
    width: 2px;
    background-color: #233554;
    left: 19px;
    top: 0;
    bottom: 0;
    z-index: 1;
}
.timeline-item:last-child::before {
    height: 20px;
}
.timeline-dot {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #64ffda;
    border: 3px solid #0a192f;
    z-index: 2;
}
/* Animation visibility classes */
.reveal {
    visibility: hidden;
}

/* Skill icon hover effect */
.skill-item svg, .skill-item img {
    transition: all 0.3s ease;
}
.skill-item:hover svg, .skill-item:hover img {
    transform: scale(1.1);
}
.skill-item:hover p {
    color: #64ffda;
}

/* Custom glow effects for each icon */
.skill-item:hover .java-icon { filter: drop-shadow(0 0 8px #f89820); }
.skill-item:hover .dsa-icon { filter: drop-shadow(0 0 8px #64ffda); }
.skill-item:hover .js-icon { filter: drop-shadow(0 0 8px #f7df1e); }
.skill-item:hover .react-icon { filter: drop-shadow(0 0 8px #61dafb); }
.skill-item:hover .node-icon { filter: drop-shadow(0 0 8px #339933); }
.skill-item:hover .express-icon { filter: drop-shadow(0 0 8px #ffffff); }
.skill-item:hover .mongo-icon { filter: drop-shadow(0 0 8px #47a248); }
.skill-item:hover .tailwind-icon { filter: drop-shadow(0 0 8px #06B6D4); }
.skill-item:hover .vscode-icon { filter: drop-shadow(0 0 8px #007acc); }
.skill-item:hover .github-icon { filter: drop-shadow(0 0 8px #ffffff); }