@keyframes rotate-animation {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
@keyframes ripple {
    0% {
        transform: scale(.9);
        opacity: 1;
    }
    75% {
        transform: scale(1.9);
        opacity: .5;
    }
    100% {
        transform: scale(2.3);
        opacity: 0;
    }
}
@keyframes topbottom {
    0%{
        transform: translateY(-15px);
    }
    100%{
        transform: translateY(15px);
    }
}