@charset "UTF-8";

@keyframes animation-shake-1 {
    0% {
      transform: translate(0, 45%)rotate(0)scaleY(0.99)translate(0, -45%);
    }
    25% {
      transform: translate(0, 45%)rotate(2deg)translate(0, -45%);
    }
    50% {
      transform: translate(0, 45%)rotate(0)scaleY(0.99)translate(0, -45%);
    }
    75% {
      transform: translate(0, 45%)rotate(-2deg)translate(0, -45%);
    }
    100% {
      transform: translate(0, 45%)rotate(0)scaleY(0.99)translate(0, -45%);
    }
  }
  .animation-shake-1-20s {
    animation: animation-shake-1 2s infinite ease-in-out;
  }
  .animation-shake-1-24s {
    animation: animation-shake-1 2.4s infinite .3s ease-in-out;
  }
  .animation-shake-1-18s {
    animation: animation-shake-1 1.8s infinite .6s ease-in-out;
  }

  @keyframes animation-shake-2 {
    0% {
      transform: translate(0, 45%)rotate(-2deg)translate(0, 0)scaleY(0.96)translate(0, -45%);
    }
    13% {
      transform: translate(0, 45%)rotate(-2deg)translate(0, -7.5%)scaleY(1.01)translate(0, -45%);
    }
    26% {
      transform: translate(0, 45%)rotate(-2deg)translate(0, 0)translate(0, -45%);
    }
    50% {
      transform: translate(0, 45%)rotate(2deg)translate(0, 0)scaleY(0.98)translate(0, -45%);
    }
    63% {
      transform: translate(0, 45%)rotate(2deg)translate(0, -7.5%)scaleY(1.01)translate(0, -45%);
    }
    76% {
      transform: translate(0, 45%)rotate(2deg)translate(0, 0)translate(0, -45%);
    }
    100% {
      transform: translate(0, 45%)rotate(-2deg)translate(0, 0)scaleY(0.96)translate(0, -45%);
    }
  }
  
  .animation-shake-2-24s {
    animation: animation-shake-2 2.4s infinite ease-in-out;
  } 
  .animation-shake-2-22s {
    animation: animation-shake-2 2.2s infinite -.3s ease-in-out;
  } 
  .animation-shake-2-30s {
    animation: animation-shake-2 3s infinite -.6s ease-in-out;
  } 
  
  @keyframes animation-shake-3 {
    0% {
      transform: translate(0, 45%)rotate(-1deg)translate(0, -45%);
    }
    100% {
      transform: translate(0, 45%)rotate(1deg)translate(0, -45%);
    }
  }
  .animation-shake-3-10s {
    animation: animation-shake-3 1s infinite alternate ease-in-out;
  }
  .animation-shake-3-12s {
    animation: animation-shake-3 1.2s infinite -.3s alternate ease-in-out;
  }
  .animation-shake-3-09s {
    animation: animation-shake-3 0.9s infinite -.6s alternate ease-in-out;
  }
  
  
  @keyframes animation-shake-4 {
    0% {
      transform: translate(0, 0)rotate(0deg);
    }
    25% {
      transform: translate(15%, -15%)rotate(-5deg);
    }
    50% {
      transform: translate(0, 0)rotate(0deg);
    }
    75% {
      transform: translate(-15%, -15%)rotate(5deg);
    }
    100% {
      transform: translate(0, 0)rotate(0deg);
    }
  }
  .animation-shake-4-50s {
    animation: animation-shake-4 5s infinite ease-in-out;
  }
  .animation-shake-4-55s {
    animation: animation-shake-4 5.5s infinite -1s ease-in-out;
  }
  .animation-shake-4-45s {
    animation: animation-shake-4 4.5s infinite -2s ease-in-out;
  }
  
  @keyframes animation-bounce-1 {
    0% {
      opacity: 0;
      transform: translate(0, -100px)rotate(-10deg);
    }
    25% {
      opacity: 1;
      transform: translate(0, -60px)rotate(-10deg);
    }
    50% {
      opacity: 1;
      transform: translate(0, 0px)rotate(-10deg);
    }
    75% {
      opacity: 1;
      transform: translate(0, -10px)rotate(0deg);
    }
    90% {
      opacity: 1;
      transform: translate(0, 0px)rotate(0deg);
    }
    95% {
      opacity: 1;
      transform: translate(0, -5px)rotate(0deg);
    }
    100% {
      opacity: 1;
      transform: translate(0, 0)rotate(0deg);
    }
  }
  
  .animation-bounce-1-05s {
    animation: animation-bounce-1 .5s 1 0s forwards linear;
  }
  .animation-bounce-1-08s {
    animation: animation-bounce-1 .8s 1 0s forwards linear;
  }
  
  
  @keyframes animation-bounce-2 {
    0% {
      opacity: 0;
      transform: translate(0, -100px)rotate(10deg);
    }
    25% {
      opacity: 1;
      transform: translate(0, -60px)rotate(10deg);
    }
    50% {
      opacity: 1;
      transform: translate(0, 0px)rotate(10deg);
    }
    75% {
      opacity: 1;
      transform: translate(0, -10px)rotate(0deg);
    }
    90% {
      opacity: 1;
      transform: translate(0, 0px)rotate(0deg);
    }
    95% {
      opacity: 1;
      transform: translate(0, -5px)rotate(0deg);
    }
    100% {
      opacity: 1;
      transform: translate(0, 0)rotate(0deg);
    }
  }
  
  .animation-bounce-2 {
    animation: animation-bounce-2 .5s 1 .0s forwards linear;
  }