.loading {
              position: fixed;
              top: 40%;
              left: 40%;
              text-align: center;
              border-radius: 5%;
              background-color: #e0e0eb;
              z-index: 100;
              opacity: 0.75;
          }

            .spinner {
              border: none;
              margin: 1vw;
              display: inline-block;
              position: relative;
              height: 7vw;
              width: 16vw;
            }

            .spinnerThree span {
                height: 3px;
                width: 3px;
                border-radius: 50%;
                position: absolute;
                background: #7389AE;
                margin-left: 2vw;
            }

            .spinnerThree > span:nth-child(2) {
              top: 28px;
              left: 8px;
              animation: bounce 1s linear 0s infinite;
            }

            .spinnerThree > span:nth-child(3) {
              top: 28px;
              left: 14px;
              animation: bounce 1s linear 0.15s infinite;
            }

            .spinnerThree > span:nth-child(4) {
              top: 28px;
              left: 20px;
              animation: bounce 1s linear 0.30s infinite;
            }

            .spinnerThree > span:nth-child(5) {
              top: 28px;
              left: 26px;
              animation: bounce 1s linear 0.45s infinite;
            }

            .spinnerThree > span:nth-child(6) {
              top: 28px;
              left: 32px;
              animation: bounce 1s linear 0.60s infinite;
            }


        @keyframes bounce {
          0%, 10%, 100% {
            top: 28px;
            transform: scale(1);
          }
          5% {
            top: 20px;
            transform: scale(2);
          }
        }