.hand{
animation: .2s rotate ease-in-out  alternate infinite both;
    transform-box: fill-box;
  transform-origin: center;
}

.brain{
animation: .2s slideRight ease alternate infinite ;

}

@media screen and (min-width: 850px) {
  .hand{
    animation-play-state: paused;
  }

  .brain{
    animation-play-state: paused;
  }
}


.footerani:hover .hand{
  animation-play-state: running;

}
.footerani:hover .brain{
  animation-play-state: running;
}

.preloaderani .hand{
  animation-play-state: running;

}
.preloaderani .brain{
  animation-play-state: running;
}

@keyframes slideRight {
    0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(.3%);
  }
}

@keyframes rotate {
  0% {
    transform: rotate(-3deg);
  }
  100% {
    transform: rotate(1deg);
  }
}