@keyframes long {
    0% {
        width: 0
    }

    25% {
        width: 25%
    }

    50% {
        width: 100%
    }

    75% {
        width: 25%
    }

    to {
        width: 0
    }
}



@keyframes rotate {
    50% {
        border-radius: 38%;
        transform: rotate(180deg);
    } 100% {
        border-radius: 45%;
        transform: rotate(360deg);
    }
}

@-webkit-keyframes animate-cloud {
    from {
        background-position: 1920px 100%;
    }
    to {
        background-position: 0 100%;
    }
}
@keyframes animate-cloud {
    from {
        background-position: 1920px 100%;
    }
    to {
        background-position: 0 100%;
    }
}