.rcircle{
    width: 1200px;
    height: 1200px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.10);
    position: absolute;
    left: -1000px;
    top: -1000px;
    animation-name: rightMove, bottomMove;
    animation-duration: 20s;
    animation-iteration-count: infinite;
    /*z-index: 2;*/
}

@keyframes rightMove{
    50% {
        animation-timing-function: ease;
        left: 1600px;
    }
}

@keyframes bottomMove{
    50% {
        animation-timing-function: ease;
        top: 1000px;
    }
}

.lcircle{
    width: 1200px;
    height: 1200px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.06);
    position: absolute;
    right: -1000px;
    top: -1000px;
    animation-name: leftMove, bottomMove;
    animation-duration: 20s;
    animation-iteration-count: infinite;
    animation-delay: 15s;
}

@keyframes leftMove{
    50% {
        animation-timing-function: ease;
        right: 1600px;
    }
}

@keyframes bottomMove{
    50% {
        animation-timing-function: ease;
        top: 1000px;
    }
}