@import './mixins/army';

.animated {
  .gave_godfather {
    #person_1 #baseball_bat {
      animation-duration: 2s;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
      animation-name: baseball_bat_animation;
      transform-origin: 4721px 5890px;
    }

    #person_2 #hands_with_weapon {
      animation-duration: 4s;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
      animation-name: weapon_animation;
      transform-origin: 6161px 6750px;
    }

    #person_2 #arm {
      animation-duration: 4s;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
      animation-name: arm_animation;
      transform-origin: 7461px 7040px;
    }

    #person_2 #head_1_ {
      animation-duration: 2s;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
      animation-name: head_animation;
    }

    #army-containear {
      translate: 400px 0px;
    }

    .boom {
      translate: 1100px 1000px;
    }
  }
}

@keyframes baseball_bat_animation {
  0% {
    transform: rotate(0deg);
  }
  10% {
    transform: rotate(3deg);
  }
  12% {
    transform: rotate(0deg);
  }
  22% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

@keyframes weapon_animation {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(10deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

@keyframes arm_animation {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(-15deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

@keyframes head_animation {
  0% {
    transform: translateY(0px);
  }
  10% {
    transform: translateY(-5px);
  }
  40% {
    transform: translateY(-85px);
  }
  60% {
    transform: translateY(-90px);
  }
  100% {
    transform: rotate(0deg);
  }
}

@include armyMixin;
