.preload {
    position: relative;
    min-width: 100%;
    min-height: 100%;
    background-color:#000000;
    z-index: 999999;
}

#spinSquares {
    position: relative;
    width: 234px;
    height: 58px;
    margin: auto;
    top: 50%;
}

.spinSquar {
    position: absolute;
    top: 0;
    width: 28px;
    height: 28px;
    background-color: #FFFFFF;
    animation-name: spinningSquares;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    transform: scale(0.3);
}

@keyframes spinningSquares {
    0% {
        transform:scale(1);
    }
    100% {
        transform:scale(0.3) rotate(90deg);
    }
}