$animation-duration: 4s;

.animated {
  #start {
    #arm {
      animation-name: main_arm;
      animation-duration: $animation-duration;
      animation-iteration-count: infinite;
      animation-timing-function: linear;
      transform-origin: 4660px 3284px;
    }

    #arm_x5F_part_x5F_2 {
      animation-name: arm_2;
      animation-duration: $animation-duration;
      animation-iteration-count: infinite;
      animation-timing-function: linear;
      transform-origin: 4610px 3214px;
    }

    #shot_x5F_fire {
      display: block;
      opacity: 0;
      animation-name: start_gun_shot;
      animation-duration: $animation-duration;
      animation-iteration-count: infinite;
      animation-timing-function: linear;
    }

    #head_1_ {
      animation-name: start_cowboy_head;
      animation-duration: 0.2s;
      animation-timing-function: ease-in-out;
      animation-iteration-count: infinite;
      animation-direction: alternate;
    }
  }
}

@keyframes main_arm {
  0% {
    transform: rotate(0);
  }

  4% {
    transform: rotate(0);
  }
  5% {
    transform: rotate(-15deg);
  }
  6% {
    transform: rotate(-15deg);
  }
  7% {
    transform: rotate(0deg);
  }

  24% {
    transform: rotate(0);
  }
  25% {
    transform: rotate(-15deg);
  }
  26% {
    transform: rotate(-15deg);
  }
  27% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(0deg);
  }
}

@keyframes arm_2 {
  0% {
    transform: rotate(0);
  }

  4% {
    transform: rotate(0deg);
  }
  5% {
    transform: rotate(30deg);
  }
  6% {
    transform: rotate(30deg);
  }
  7% {
    transform: rotate(0deg);
  }

  24% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(30deg);
  }
  26% {
    transform: rotate(30deg);
  }
  27% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(0deg);
  }
}

@keyframes start_gun_shot {
  0% {
    opacity: 0;
  }

  4% {
    opacity: 0;
  }
  5% {
    opacity: 1;
  }
  6% {
    opacity: 1;
  }
  7% {
    opacity: 0;
  }

  24% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  26% {
    opacity: 1;
  }
  27% {
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes start_cowboy_head {
  100% {
    translate: -1px 1.5px;
  }
}
