﻿.boxes {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    font-size:18px;
    color: #fff;
}

       .boxes .box {
        -webkit-animation: bounce 2s ease-in-out infinite;
        animation: bounce 2s ease-in-out infinite
    }

        .boxes .box:nth-child(1) {
            -webkit-animation-delay: .3s;
            animation-delay: .3s
        }

        .boxes .box:nth-child(2) {
            -webkit-animation-delay: .4s;
            animation-delay: .4s
        }

        .boxes .box:nth-child(3) {
            -webkit-animation-delay: .5s;
            animation-delay: .5s
        }

        .boxes .box:nth-child(4) {
            -webkit-animation-delay: .6s;
            animation-delay: .6s
        }

        .boxes .box:nth-child(5) {
            -webkit-animation-delay: .7s;
            animation-delay: .7s
        }

        .boxes .box:nth-child(6) {
            -webkit-animation-delay: .8s;
            animation-delay: .8s
        }

        .boxes .box:nth-child(7) {
            -webkit-animation-delay: .9s;
            animation-delay: .9s
        }

        .boxes .box:nth-child(8) {
            -webkit-animation-delay: 2s;
            animation-delay: 2s
        }

        .boxes .box:nth-child(9) {
            -webkit-animation-delay: 2.1s;
            animation-delay: 2.1s
        }

        .boxes .box:nth-child(10) {
            -webkit-animation-delay: 2.2s;
            animation-delay: 2.2s
        }

        .boxes .box:nth-child(11) {
            -webkit-animation-delay: 2.3s;
            animation-delay: 2.3s
        }



@-webkit-keyframes bounce {

    0%, 100%, 75% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    25% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }
}

@keyframes bounce {

    0%, 100%, 75% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    25% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }
}
