@keyframes rotatehue {
  0% {
    filter: hue-rotate(0deg);
  }
  50% {
    filter: hue-rotate(359deg);
  }
  to {
    filter: hue-rotate(0deg);
  }
}

@keyframes rotateblock {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

@keyframes grumbaumzoominout {
  0% {
    transform: scale(0.9, 0.9);  
  }

  36% {
    transform: scale(1.8, 1.8);
  }

  78% {
    transform: scale(0.5, 0.5);
  }

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

@keyframes starzoom {
  0% {
    opacity: 0;
    transform: scale(0.5);
    animation-timing-function: ease-in;
  }
  85% {
    opacity: 1;
    transform: scale(2.8);
    animation-timing-function: linear;
  }
  100% {
    opacity: 0;
    transform: scale(3.5);
  }
}