@import "placeholders";

@keyframes fade-in-down {
  0% {
    opacity: 0;
    margin-top: -10px;
  }

  100% {
    opacity: 1;
    margin-top: 0;
  }
}

.fade-in-down {
  @extend %animation;
  animation-name: fade-in-down;
}

@keyframes pulse {
  0% {
    transform: scale(1, 1);
  }

  10% {
    transform: scale(0.9, 0.9);
  }

  70% {
    transform: scale(1.3, 1.3);
  }

  100% {
    transform: scale(1, 1);
  }
}