@keyframes rotate{
  from{
    transform: translate(-50%,-50%) rotate(0deg)
  }
    to{
      transform: translate(-50%,-50%) rotate(359deg)
  }
}
@keyframes rotate1{
  from{
    transform: translate(-50%,-50%) rotate(0deg)
  }
    to{
      transform: translate(-50%,-50%) rotate(-359deg)
  }
}

@keyframes calc1{
  0%{
    transform: translate(-50%,-50%) scale(1);
    opacity: 1;
  }
  50%{
     transform: translate(-50%,-50%) scale(1.1);
       opacity: .8;
  }
  100%{
     transform: translate(-50%,-50%) scale(1);
       opacity: 1;
  }
}
@keyframes calc2{
  0%{
    transform:scale(.9);
    opacity: 1;
  }
  50%{
     transform: scale(1);
       opacity: .5;
  }
  100%{
     transform: scale(.9);
       opacity: 1;
  }
}

@keyframes rotate3{
  from{
    transform:rotate(0deg)
  }
    to{
      transform:rotate(-359deg)
  }
}