@keyframes bounce-X {
    0% {transform: translateX(0);}
    25% {transform: translateX(-5px);}
    60% {transform: translateX(-15px);}
    75% {transform: translateX(0);}
    85% {transform: translateX(-5px);}
    100% {transform: translateX(-0px);}
}
@keyframes bounce-Y {
    0% {transform: translateY(0);}
    25% {transform: translateY(-5px);}
    60% {transform: translateY(-15px);}
    75% {transform: translateY(0);}
    85% {transform: translateY(-5px);}
    100% {transform: translateY(-0px);}
}
@keyframes bounce-X-2 {
    0% {transform: translateX(0);}
    25% {transform: translateX(10px);}
    100% {transform: translateX(0px);}
}
@keyframes bounce-Y-3 {
    0% {transform: translateY(0);}
    40% {transform: translateY(-25%);}
    100% {transform: translateY(0);}
}

@keyframes shake {
    0% { transform: translate(1px, 1px) rotate(0deg); }
    10% { transform: translate(-1px, -2px) rotate(-1deg); }
    20% { transform: translate(-3px, 0px) rotate(1deg); }
    30% { transform: translate(3px, 2px) rotate(0deg); }
    40% { transform: translate(1px, -1px) rotate(1deg); }
    50% { transform: translate(-1px, 2px) rotate(-1deg); }
    60% { transform: translate(-3px, 1px) rotate(0deg); }
    70% { transform: translate(3px, 1px) rotate(-1deg); }
    80% { transform: translate(-1px, -1px) rotate(1deg); }
    90% { transform: translate(1px, 2px) rotate(0deg); }
    100% { transform: translate(1px, -2px) rotate(-1deg); }
  }