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

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

@keyframes spin3d {
  0% {
    transform: rotate3d(1, 0, 0, 0deg);
  }

  33% {
    transform: rotate3d(1, 0, 0, 360deg);
  }

  33.001% {
    transform: rotate3d(0, 1, 0, 0deg);
  }

  66% {
    transform: rotate3d(0, 1, 0, 360deg);
  }

  66.001% {
    transform: rotate3d(0, 0, 1, 0deg);
  }

  100% {
    transform: rotate3d(0, 0, 1, 360deg);
  }
}

@keyframes rainbow {
  0% {
    color: rgb(0, 0, 0);
  }

  14.285% {
    color: rgb(0, 0, 255);
  }

  28.571% {
    color: rgb(0, 255, 0);
  }

  42.857% {
    color: rgb(0, 255, 255);
  }

  57.142% {
    color: rgb(255, 0, 0);
  }

  71.428% {
    color: rgb(255, 0, 255);
  }

  85.714% {
    color: rgb(255, 255, 0);
  }

  100% {
    color: rgb(255, 255, 255);
  }
}