@keyframes slideDown{
    0%{
        transform: translateY(-40px);
    }
    100%{
        transform: translateY(0px);
    }
}
@keyframes slideFromBottom{
    0%{
        transform: translateY(50px);
    }
    100%{
        transform: translateY(0px);
    }
}
@keyframes slideFromTop{
    0%{
        transform: translateY(-100px);
    }
    100%{
        transform: translateY(0);
    }
}
@keyframes fade-in{
    0%{
        opacity: 0%;
    }
    100%{
        opacity: 100%;
    }
}