#monkey_404 {
  width: 800px;
  height: 480px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -400px;
  margin-top: -240px;

  .st0 {
    fill: #e8ebed;
  }
  .st1 {
    fill: #ffffff;
  }
  .st2 {
    fill: none;
    stroke: #89949b;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
  }
  .st3 {
    fill: #e8ebed;
    stroke: #89949b;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
  }
  .st4 {
    fill: #ffffff;
    stroke: #89949b;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
  }
  .st5 {
    fill: none;
    stroke: #89949b;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
  }
  .st6 {
    fill: none;
    stroke: #89949b;
    stroke-width: 4;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
  }
  .st7 {
    fill: #ffffff;
    stroke: #89949b;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
  }
  .st8 {
    fill: #89949b;
  }
  .st9 {
    fill: #89949b;
  }
  .st10 {
    fill: none;
    stroke: #89949b;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
  }
  .st11 {
    fill: #ffffff;
  }
  .st12 {
    fill: #ffffff;
    stroke: #8894a0;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
  }
  .st13 {
    fill: #ffffff;
    stroke: #89949b;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
  }
  .st14 {
    fill: none;
    stroke: #89949b;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
  }
  .st15 {
    fill: none;
    stroke: #89949b;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10;
  }

  #arm {
    transform-origin: 155px 292px;
    transform: rotateZ(-2deg);
  }

  #monkey {
    animation: monkey-breathe 3s infinite ease-in-out;
  }

  #zelda,
  #tetris,
  #moon,
  #star_a,
  #star_b,
  #star_c,
  #star_d,
  #number_4,
  #number_4_2,
  #number_0,
  #sword {
    animation: levitate 3s infinite ease-in-out;
  }

  #zelda {
    animation-delay: 0s;
    animation-duration: 3s;
  }

  #tetris {
    animation-delay: 1s;
    animation-duration: 3s;
  }

  #moon {
    animation-delay: 0.5s;
    animation-duration: 3s;
  }

  #star_a {
    animation-delay: 0s;
    animation-duration: 3s;
  }

  #star_b {
    animation-delay: 0.5s;
    animation-duration: 3s;
  }

  #star_c {
    animation-delay: 1s;
    animation-duration: 3s;
  }

  #star_d {
    animation-delay: 1.5s;
    animation-duration: 3s;
  }

  #number_4 {
    animation-delay: 0s;
    animation-duration: 3s;
  }

  #number_4_2 {
    animation-delay: 1s;
    animation-duration: 3s;
  }

  #number_0 {
    animation-delay: 0.5s;
    animation-duration: 3s;
  }

  #sword {
    animation-delay: 1.5s;
    animation-duration: 3s;
  }

  #eye_left {
    transform-origin: 191px 257px;
    animation: blink-l 12s infinite ease-in-out;
  }

  #eye_right {
    transform-origin: 205px 256px;
    animation: blink-r 12s infinite ease-in-out;
  }
}

@keyframes arm-rotate {
  0% {
    transform: rotateZ(-3deg);
  }
  50% {
    transform: rotateZ(6deg);
  }
}

@keyframes monkey-breathe {
  0% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(0, 1px, 0);
  }
}

@keyframes levitate {
  0% {
    transform: translate3d(0, 0, 0);
  }
  50% {
    transform: translate3d(0, 5px, 0);
  }
}

@keyframes star {
  0% {
    transform: translate3d(0, 0, 0) rotateZ(0deg);
  }
  50% {
    transform: translate3d(0, 5px, 0) rotateZ(180deg);
  }
}

@keyframes blink-l {
  0% {
    transform: rotateX(0deg);
  }
  2% {
    transform: rotateX(80deg);
  }
  4%,
  20% {
    transform: rotateX(0deg);
  }
  22% {
    transform: rotateX(80deg);
  }
  24%,
  30% {
    transform: rotateX(0deg);
  }
  32% {
    transform: rotateX(80deg);
  }
  34%,
  70% {
    transform: rotateX(0deg);
  }
  72% {
    transform: rotateX(80deg);
  }
  74%,
  100% {
    transform: rotateX(0deg);
  }
}

@keyframes blink-r {
  0% {
    transform: rotateX(0deg);
  }
  2% {
    transform: rotateX(80deg);
  }
  4%,
  30% {
    transform: rotateX(0deg);
  }
  32% {
    transform: rotateX(80deg);
  }
  34%,
  50% {
    transform: rotateX(0deg);
  }
  52% {
    transform: rotateX(80deg);
  }
  54%,
  100% {
    transform: rotateX(0deg);
  }
}