.spinner {
    position: absolute;
    width: 100%;
    height: 100%;
}

.spinner div.sp-circle {
    width: 90px;
    height: 90px;
    background: #32519F;
    opacity: 0.5;
    border-radius: 50% 50%;
    animation-name: scale-0-1-0;
    animation-duration: 1000ms;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
    animation-delay: 0s;
    position: absolute;
    top: calc(50% - 45px);
    left: calc(50% - 45px);
}

.spinner div.sp-circle:nth-of-type(2) {
    animation-direction: alternate-reverse;
}

@keyframes scale-0-1-0 {
    from {
        transform: scale(0.01, 0.01);
    }
    to {
        transform: scale(0.99, 0.99);
    }
}