@keyframes spin {
  to { transform: rotate(360deg); }
}
@keyframes fadeIn {
  from { transform: translateY(-20px); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}
@keyframes fadeOut {
  from { transform: translateY(0); opacity: 1; }
  to { transform: translateY(-20px); opacity: 0; }
}
@keyframes zoomToFull {
  0% {
    transform: scale(0.2);
    opacity: 0;
  }
  15% {
    opacity: 1;
  }
  30% {
    transform: scale(1);
    opacity: 1;
  }
  70% {
    transform: scale(1.2);
    opacity: 1;
  }
  100% {
    transform: scale(35);
    opacity: 0;
  }
}