@import './mixins/buy';

.animated {
  .ema {
    #car_with_person,
    #bamper {
      animation-name: car_with_person_animation;
      animation-duration: 0.3s;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
    }

    #eye {
      animation-name: eye_animation;
      animation-duration: 2s;
      animation-timing-function: linear;
      animation-iteration-count: infinite;
      transform-origin: 4718px 4181px;
    }

    #buy-main-container {
      translate: 1500px 3000px;
      scale: 0.6;
    }
  }
}

@keyframes car_with_person_animation {
  0% {
    transform: translateY(-20px);
  }
  50% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(-20px);
  }
}

@keyframes eye_animation {
  0% {
    scale: 1 1;
  }
  90% {
    scale: 1 1;
  }
  95% {
    scale: 1 0;
  }
  100% {
    scale: 1 1;
  }
}

@include buyMixin;
