@import './mixins/nth-child-variable';
@import './mixins/letter-scale-animation';
@import './mixins/army';

.animated {
  .crocodile {
    #crocodile {
      animation-name: crocodileAnimation;
      animation-duration: 2s;
      animation-timing-function: linear;
      animation-timing-function: ease-in-out;
      animation-iteration-count: infinite;
      animation-direction: alternate;
    }

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

    .boom {
      translate: 2800px 2600px;
    }
  }
}

@keyframes crocodileAnimation {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(200px);
  }
}

@include armyMixin;
