@keyframes spin
{
    to
    {
        transform: rotate(360deg); 
    }
}

@keyframes slide_down
{
    from
    { 
        opacity: 0;
        transform: scale(0.95);
    }
    to
    {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes fade_in_up
{
    from 
    {
        opacity: 0;
        transform: translateY(20px);
    }
    to
    {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fade_out_down
{
    from 
    {
        opacity: 1;
        transform: translateY(0);
    }
    to
    {
        opacity: 0;
        transform: translateY(20px);
    }
}