.animated {
  .drunk_skip_two_times {
    #number {
      animation-duration: 3s;
      animation-iteration-count: infinite;
      animation-name: drunk_skip_two_times_number_animation;
      animation-direction: alternate;
      animation-timing-function: ease-in-out;
    }

    #zzz-container {
      display: block;

      #zzz_1_,
      #zzz_2_,
      #zzz_3_ {
        animation-duration: 10s;
        animation-iteration-count: infinite;
        animation-name: zzzAnimation;
        animation-timing-function: linear;
        transform-origin: 5454px 5000px;
      }

      #zzz_2_ {
        animation-delay: 1.5s;
      }
      #zzz_3_ {
        animation-delay: 3s;
      }
    }
  }
}

@keyframes drunk_skip_two_times_number_animation {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(500px);
  }
}

@keyframes zzzAnimation {
  0% {
    transform: translate(0px, 0px) scale(1);
    opacity: 1;
  }
  20% {
    transform: translate(-200px, -100px) scale(1.2);
    opacity: 0.8;
  }
  40% {
    transform: translate(-300px, -200px) scale(1.4);
    opacity: 0.6;
  }
  60% {
    transform: translate(-100px, -300px) scale(1.6);
    opacity: 0.4;
  }
  80% {
    transform: translate(200px, -400px) scale(1.8);
    opacity: 0.2;
  }
  100% {
    transform: translate(100px, -500px) scale(2);
    opacity: 0;
  }
}
