@import './black-background';

$animation-army-background-delay: 3s;
$army-appearing-delay-after-background: 0.5s;
$army-appearing-duration: 3s;

@mixin grassMixin {
  .grass {
    animation-name: grass_skew_animation;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    transform-origin: bottom;
  }

  @keyframes grass_skew_animation {
    0% {
      transform: skewX(13deg);
    }
    100% {
      transform: skewX(-13deg);
    }
  }
}
