.spinner1 {
    background-color: rgba(255, 0, 0, 0);
    align-items: center;
    justify-content: center;
    display: flex;
}

    .spinner1 div {
        background-color: rgb(255, 217, 0);
        width: 20px;
        height: 20px;
        margin: 20px;
        border-radius: 50px;
        animation-name: load912355;
        animation-duration: .9s;
        animation-iteration-count: infinite;
        animation-direction: alternate;
        text-align: center;
        justify-content: center;
    }

    .spinner1 .a {
        animation-delay: .3s;
    }

    .spinner1 .u {
        animation-delay: .6s;
    }

@keyframes load912355 {
    0% {
        transform: translateY(50px) scale(1);
    }

    100% {
        transform: translateY(10px) scale(1.8) rotate(360deg);
    }
}