@keyframes float{
    0%{
        transform:translateY(0px);
    }
    50%{
        transform:translateY(-18px);
    }
    100%{
        transform:translateY(0px);
    }
}
.spell-card{
    animation:cardFloat 5s ease-in-out infinite;
}
.spell-card:nth-child(2){
    animation-delay:1s;
}
.spell-card:nth-child(3){
    animation-delay:2s;
}
.spell-card:nth-child(4){
    animation-delay:3s;
}
@keyframes float{
    0%{
        transform:translateY(0px);
    }
    50%{
        transform:translateY(-8px);
    }
    100%{
        transform:translateY(0px);
    }
}
.project-card{
    animation:projectFloat 7s ease-in-out infinite;
}
.project-card:nth-child(2){
    animation-delay:2s;
}
@keyframes projectFloat{
    0%{
        transform:translateY(0px);
    }
    50%{
        transform:translateY(-5px);
    }
    100%{
        transform:translateY(0px);
    }
}
.timeline-dot{
    animation:pulse 3s ease-in-out infinite;
}
@keyframes pulse{
    0%{
        box-shadow:
            0 0 0 rgba(200,169,107,0.3);
    }
    50%{
        box-shadow:
            0 0 25px rgba(200,169,107,0.7);
    }
    100%{
        box-shadow:
            0 0 0 rgba(200,169,107,0.3);
    }
}