@keyframes rotate1 {
  0% {
    transform: rotate(-90deg);
  }
  25% {
    transform: rotate(-120deg);
  }
  50% {
    transform: rotate(-90deg);
  }
  75% {
    transform: rotate(-60deg);
  }
  100% {
    transform: rotate(-90deg);
  }
}
@keyframes rotate2 {
  0% {
    transform: rotate(-60deg);
  }
  25% {
    transform: rotate(-90deg);
  }
  50% {
    transform: rotate(-60deg);
  }
  75% {
    transform: rotate(-30deg);
  }
  100% {
    transform: rotate(-60deg);
  }
}
@keyframes rotate3 {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(-30deg);
  }
  50% {
    transform: rotate(0deg);
  }
  75% {
    transform: rotate(30deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes rotate4 {
  0% {
    transform: rotate(90deg);
  }
  25% {
    transform: rotate(90deg);
  }
  50% {
    transform: rotate(90deg);
  }
  75% {
    transform: rotate(90deg);
  }
  100% {
    transform: rotate(90deg);
  }
}