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

.animated {
  .crop_failure {
    #crows {
      animation-name: cropFailureBackgroundAnimation;
      animation-duration: 20s;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
    }

    #person {
      animation-name: cropFailurePersonAnimation;
      animation-duration: 20s;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
    }
  }
}

@keyframes cropFailureBackgroundAnimation {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(500px);
  }
  100% {
    transform: translateX(0px);
  }
}

@keyframes cropFailurePersonAnimation {
  0% {
    transform: translateX(2000px);
  }
  50% {
    transform: translateX(0px);
  }
  100% {
    transform: translateX(2000px);
  }
}
