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

.animated {
  .official_triumph {
    #hand {
      animation-name: officialTriumphHandAnimation;
      animation-duration: 3s;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
      transform-origin: 0 10000px;
    }

    #buy-main-container {
      translate: 900px 1500px;
      scale: 0.7;
    }
  }
}

@keyframes officialTriumphHandAnimation {
  0% {
    transform: rotate(-1deg);
  }
  40% {
    transform: rotate(1deg);
  }
  50% {
    transform: rotate(1deg);
  }
  90% {
    transform: rotate(-1deg);
  }
  100% {
    transform: rotate(-1deg);
  }
}

@include buyMixin;
