@keyframes rotating {
  from {
    transform: rotate(0deg) translate(-50%,-50%);
    transform-origin: 0 0;
  }
  to {
    transform: rotate(360deg) translate(-50%,-50%);
    transform-origin: 0 0;
  }
}

@-webkit-keyframes rotating {
  from {
    transform: rotate(0deg) translate(-50%,-50%);
    -webkit-transform: rotate(0deg) translate(-50%,-50%);
    transform-origin: 0 0;
  }
  to {
    transform: rotate(360deg) translate(-50%,-50%);
    -webkit-transform: rotate(360deg) translate(-50%,-50%);
    transform-origin: 0 0;
  }
}

.rotating {
  animation: rotating 1s linear infinite;
}