.loading-dot {
      position: absolute;
      width: 2.5rem;
      height: 2.5rem;
      border-radius: 50%;
      box-shadow:
        0rem -2.58rem 0 -0.7rem rgba(63, 43, 86, .16),
        1.875rem -1.875rem 0 -0.7rem rgba(63, 43, 86, .28),    
        2.58rem 0rem 0 -0.7rem rgba(63, 43, 86, .4),
        1.875rem 1.875rem 0 -0.7rem rgba(63, 43, 86, .52),
        0rem 2.58rem 0 -0.7rem rgba(63, 43, 86, .64),
        -1.875rem 1.875rem 0 -0.7rem rgba(63, 43, 86, .76),
        -2.58rem 0rem 0 -0.7rem rgba(63, 43, 86, .88),
        -1.875rem -1.875rem 0 -0.7rem rgba(63, 43, 86, 1);
      animation: loadingdot 1s linear 0s infinite;
      left: 65rem;
      top: 47rem;
}


@keyframes loadingdot {
  from {
    transform: rotate(0);
  }
  to{
    transform: rotate(360deg);
  }
}