/* animacja (spin) */
@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(1080deg); }
}

.spin.animate {
  animation: spin 2.5s ease-out forwards;
}

/* SPIN 3D */
@keyframes spin3D {
  0% {
    transform: rotateX(0deg) rotateY(0deg);
  }
  100% {
    transform: rotateX(0deg) rotateY(360deg);
  }
}

.spin3D.animate3D {
  animation: spin3D 2.5s ease-out forwards;
}