
.pramati-loader {
   position: fixed; left: 0; top: 0; z-index: 9999999; width: 100%; height: 100%; overflow: hidden; background: white 
}
.hand {
  width: 10px;
  height: 50px;
  border-radius: 10px;
  position: absolute;
  transform-origin: center calc(100% - 5px);
  left: calc(50% - 5px);
  top: calc(50% - 5px);
}
.hand.red {
  background: #3F51B5;
  animation: handRed 2s cubic-bezier(0.175, 0.885, 0.32, 1.275) infinite;
}
.hand.aqua {
  background: rgba(108,205,235,0.8);
  transform: rotateZ(120deg);
  animation: handAqua 2s cubic-bezier(0.175, 0.885, 0.32, 1.275) infinite;
}
.hand.blue {
  background: rgba(93,136,198,0.8);
  transform: rotateZ(240deg);
  animation: handBlue 2s cubic-bezier(0.175, 0.885, 0.32, 1.275) infinite;
}

@keyframes spin {
  100% {
    transform: rotateZ(360deg);
  }
}
@keyframes handRed {
  33.33% {
    height: 10px;
    transform: translateY(50px);
  }
  66.66% {
    height: 10px;
    transform: rotateZ(-360deg) scale(2);
  }
}
@keyframes handAqua {
  33.33% {
    height: 10px;
    transform: translateX(20px) translateY(50px);
  }
  66.66% {
    height: 10px;
    transform: rotateZ(-180deg) translateX(20px) scale(1.25);
  }
}
@keyframes handBlue {
  33.33% {
    height: 10px;
    transform: translateX(-20px) translateY(50px);
  }
  66.66% {
    height: 10px;
    transform: rotateZ(180deg) translateX(-20px) scale(1.25);
  }
}
@media only screen and (max-width: 600px) {
    #copyright{
      text-align: center;
    }
}