.animated {
  .take_away_money_in {
    #weapon {
      animation-name: weapon_animation;
      animation-duration: 1s;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
    }

    #fire {
      display: block;
      transform-origin: 3700px 5330px;
      transform: scale(0);
      animation-name: weapon_fire_animation;
      animation-duration: 1s;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
    }

    #background #title * {
      animation-name: title_animation;
      animation-duration: 2s;
      animation-timing-function: linear;
      animation-iteration-count: infinite;

      &:nth-child(1) {
        animation-delay: -1.5s;
      }
      &:nth-child(2) {
        animation-delay: -1.4s;
      }
      &:nth-child(3) {
        animation-delay: -1.3s;
      }
      &:nth-child(4) {
        animation-delay: -1.2s;
      }
      &:nth-child(5) {
        animation-delay: -1.1s;
      }
    }

    #main_1_,
    #background,
    #additional-mask {
      animation-name: shaking_main_animation;
      animation-duration: 1s;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
    }

    #eyes .st7 {
      animation-name: eyes_animation;
      animation-duration: 2s;
      animation-direction: alternate;
      animation-iteration-count: infinite;
    }
  }
}

@keyframes weapon_animation {
  0% {
    transform: translateX(0px);
  }
  5% {
    transform: translateX(-50px);
  }
  10% {
    transform: translateX(0px);
  }
  15% {
    transform: translateX(0px);
  }
  20% {
    transform: translateX(-50px);
  }
  25% {
    transform: translateX(0px);
  }
  30% {
    transform: translateX(0px);
  }
  35% {
    transform: translateX(-50px);
  }
  40% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(0px);
  }
}

@keyframes weapon_fire_animation {
  0% {
    transform: scale(0);
  }
  5% {
    transform: scale(1);
  }
  10% {
    transform: scale(0);
  }
  15% {
    transform: scale(0);
  }
  20% {
    transform: scale(1);
  }
  25% {
    transform: scale(0);
  }
  30% {
    transform: scale(0);
  }
  35% {
    transform: scale(1);
  }
  40% {
    transform: scale(0);
  }
  100% {
    transform: scale(0);
  }
}

@keyframes shaking_main_animation {
  0% {
    transform: translateY(0px);
  }
  5% {
    transform: translateY(-25px);
  }
  10% {
    transform: translateY(0px);
  }
  15% {
    transform: translateY(0px);
  }
  20% {
    transform: translateY(-25px);
  }
  25% {
    transform: translateY(0px);
  }
  30% {
    transform: translateY(0px);
  }
  35% {
    transform: translateY(-25px);
  }
  40% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(0px);
  }
}

@keyframes title_animation {
  0% {
    fill: #d31f0e;
  }
  5% {
    fill: #ffec6d;
  }
  10% {
    fill: #d31f0e;
  }
  100% {
    fill: #d31f0e;
  }
}

@keyframes eyes_animation {
  100% {
    fill: #d31f0e;
  }
}
