@keyframes fly-in {
  0% {
    opacity: 0;
    transform: translate(-25rem);
    width: 150%;
  }

  100% {
    opacity: 1;
    transform: translate(0);
    width: 150%;
  }
}

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

  5% {
    transform: scale(1.3);
  }

  10% {
    transform: scale(1);
  }

  15% {
    transform: scale(1.3);
  }

  20% {
    transform: scale(1);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}