@import './mixins/boom';

.animated {
  .pearls_was_bought {
    #main-container {
      animation-name: pearls_was_bought_animation;
      animation-duration: 10s;
      animation-timing-function: ease-in-out;
      animation-iteration-count: infinite;
      animation-direction: alternate;
      transform-origin: center center;
    }
    @include boomMixin;

    .boom {
      scale: 8;
      translate: 2025px 1570px;
      line {
        stroke: red;
        animation-delay: 2;
        animation-iteration-count: 3;
      }
    }
  }
}

@keyframes pearls_was_bought_animation {
  0% {
    scale: 1;
  }

  100% {
    scale: 1.1;
  }
}

@include boomAnimationMixin;
