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

.animated {
  .investment {
    #hand_x5F_with_x5F_peace_x5F_of_x5F_cake {
      animation-name: investmentAnimation;
      animation-duration: 2s;
      animation-timing-function: ease-in-out;
      animation-iteration-count: infinite;
      animation-direction: alternate;
      transform-origin: 3170px 3820px;
    }

    #background_2 {
      animation-name: background_animation;
      animation-duration: 5s;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
      transform-origin: 4000px 4200px;
    }
  }
}

@keyframes investmentAnimation {
  0% {
    rotate: 0deg;
  }
  100% {
    rotate: 10deg;
  }
}

@keyframes background_animation {
  0% {
    rotate: 0deg;
    scale: 1.1;
  }
  25% {
    scale: 1.3;
  }
  50% {
    scale: 1.1;
  }
  75% {
    scale: 1.3;
  }
  100% {
    rotate: 360deg;
    scale: 1.1;
  }
}

