@keyframes ripple {
    to {
      transform: translate(-50%, -50%) scale(2.5);
      opacity: 0;
    }
}

@keyframes sgAnimUpDown {
    0% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    50% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    100% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}

@keyframes btn_top {
    0%{
        transform: translateY(10px);
    }
    100%{
        transform: translateY(-30px);
    }
}
@keyframes Ayoup_rotate_center {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
}
}
@keyframes Ayoup_up_down {
    0% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
    100% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
}
@keyframes Ayoup_left_right {
    0% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }
    100% {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
}