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

.animated.no_taxes_defence {
  @include blackBackgroundMixin;

  #no-taxes-main-container {
    scale: 0;
    animation-name: no_taxes_defence_main_container_animation;
    animation-duration: 5s;
    animation-delay: var(--animation-delay, 0s);
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
    transform-origin: center center;

    #money {
      animation-name: no_taxes_defence_money_animation;
      animation-duration: 1.7s;
      animation-delay: var(--animation-delay, 0s);
      animation-timing-function: ease-in-out;
      animation-fill-mode: forwards;
      animation-direction: alternate;
      animation-iteration-count: infinite;
      transform-origin: 2264px 4899px;
    }

    #leaf_1 {
      animation-name: leaf_animation;
      animation-duration: 2s;
      animation-delay: var(--animation-delay, 0s);
      animation-timing-function: ease-in-out;
      animation-fill-mode: forwards;
      animation-direction: alternate;
      animation-iteration-count: infinite;
      transform-origin: 3362px 4717px;
    }

    #leaf_2 {
      animation-name: leaf_animation;
      animation-duration: 2.5s;
      animation-delay: var(--animation-delay, 0s);
      animation-timing-function: ease-in-out;
      animation-fill-mode: forwards;
      animation-direction: alternate;
      animation-iteration-count: infinite;
      transform-origin: 3362px 4717px;
    }

    #leaf_3 {
      animation-name: leaf_animation;
      animation-duration: 1.8s;
      animation-delay: -2s;
      animation-delay: var(--animation-delay, 0s);
      animation-timing-function: ease-in-out;
      animation-fill-mode: forwards;
      animation-direction: alternate;
      animation-iteration-count: infinite;
      transform-origin: 4148px 5106px;
    }

    #leaf_4 {
      animation-name: leaf_animation;
      animation-duration: 1.5s;
      animation-delay: var(--animation-delay, 0s);
      animation-timing-function: ease-in-out;
      animation-fill-mode: forwards;
      animation-direction: alternate;
      animation-iteration-count: infinite;
      transform-origin: 4663px 4686px;
    }
  }

  use.use-no-taxes-defence.d-none {
    display: block;
  }
}

@keyframes no_taxes_defence_main_container_animation {
  0% {
    scale: 0;
    opacity: 1;
    rotate: -5deg;
  }
  5% {
    scale: 0.7;
    opacity: 1;
  }
  95% {
    scale: 1;
    opacity: 1;
  }
  100% {
    scale: 1.1;
    opacity: 0;
    rotate: 5deg;
  }
}

@keyframes no_taxes_defence_money_animation {
  100% {
    rotate: 5deg;
  }
}

@keyframes leaf_animation {
  100% {
    rotate: 10deg;
  }
}
