@import '../../scss/cells/mixins/black-background';

.animated.buy_army {
  @include blackBackgroundMixin;

  #use-army-logo {
    scale: 0;
    animation-name: buy_army_animation;
    animation-duration: 3s;
    animation-delay: 3s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    transform-origin: center center;
  }

  .d-none.use-buy-army {
    display: block;
  }
}



@keyframes buy_army_animation {
  0% {
    opacity: 1;
    scale: 0;
  }
  10% {
    opacity: 1;
    scale: 1;
  }
  50% {
    opacity: 1;
    scale: 1.1;
  }
  90% {
    opacity: 1;
    scale: 1;
  }
  100% {
    opacity: 0;
    scale: 1;
  }
}


