@-webkit-keyframes uilsquare {
        0% {
            background-color: #000000;
        }
        1% {
            background-color: #ff0800;
        }
        11% {
            background-color: #ff0800;
        }
        21% {
            background-color: #000000;
        }
        100% {
            background-color: #000000;
        }
    }
    
    @-webkit-keyframes uilsquare {
        0% {
            background-color: #000000;
        }
        1% {
            background-color: #ff0800;
        }
        11% {
            background-color: #ff0800;
        }
        21% {
            background-color: #000000;
        }
        100% {
            background-color: #000000;
        }
    }
    
    @-moz-keyframes uilsquare {
        0% {
            background-color: #000000;
        }
        1% {
            background-color: #ff0800;
        }
        11% {
            background-color: #ff0800;
        }
        21% {
            background-color: #000000;
        }
        100% {
            background-color: #000000;
        }
    }
    
    @-ms-keyframes uilsquare {
        0% {
            background-color: #000000;
        }
        1% {
            background-color: #ff0800;
        }
        11% {
            background-color: #ff0800;
        }
        21% {
            background-color: #000000;
        }
        100% {
            background-color: #000000;
        }
    }
    
    @-moz-keyframes uilsquare {
        0% {
            background-color: #000000;
        }
        1% {
            background-color: #ff0800;
        }
        11% {
            background-color: #ff0800;
        }
        21% {
            background-color: #000000;
        }
        100% {
            background-color: #000000;
        }
    }
    
    @-webkit-keyframes uilsquare {
        0% {
            background-color: #000000;
        }
        1% {
            background-color: #ff0800;
        }
        11% {
            background-color: #ff0800;
        }
        21% {
            background-color: #000000;
        }
        100% {
            background-color: #000000;
        }
    }
    
    @-o-keyframes uilsquare {
        0% {
            background-color: #000000;
        }
        1% {
            background-color: #ff0800;
        }
        11% {
            background-color: #ff0800;
        }
        21% {
            background-color: #000000;
        }
        100% {
            background-color: #000000;
        }
    }
    
    @keyframes uilsquare {
        0% {
            background-color: #000000;
        }
        1% {
            background-color: #ff0800;
        }
        11% {
            background-color: #ff0800;
        }
        21% {
            background-color: #000000;
        }
        100% {
            background-color: #000000;
        }
    }
    
    .uil-squares-css {
        background: none;
        position: relative;
        height: 40px;
        left: -20px;
        top: -15px;
        transform: scale(0.2);
    }
    
    .uil-squares-css div {
        position: absolute;
        z-index: 1;
        width: 40px;
        height: 40px;
        background-color: #000000;
    }
    
    .uil-squares-css div>div {
        position: absolute;
        top: 0;
        left: 0;
        -ms-animation: uilsquare 1s linear infinite;
        -moz-animation: uilsquare 1s linear infinite;
        -webkit-animation: uilsquare 1s linear infinite;
        -o-animation: uilsquare 1s linear infinite;
        animation: uilsquare 1s linear infinite;
        width: 40px;
        height: 40px;
    }
    
    .uil-squares-css>div:nth-of-type(1) {
        top: 30px;
        left: 30px;
    }
    
    .uil-squares-css>div:nth-of-type(1)>div {
        -ms-animation-delay: 0s;
        -moz-animation-delay: 0s;
        -webkit-animation-delay: 0s;
        -o-animation-delay: 0s;
        animation-delay: 0s;
    }
    
    .uil-squares-css>div:nth-of-type(2) {
        top: 30px;
        left: 80px;
    }
    
    .uil-squares-css>div:nth-of-type(2)>div {
        -ms-animation-delay: 0.125s;
        -moz-animation-delay: 0.125s;
        -webkit-animation-delay: 0.125s;
        -o-animation-delay: 0.125s;
        animation-delay: 0.125s;
    }
    
    .uil-squares-css>div:nth-of-type(3) {
        top: 30px;
        left: 130px;
    }
    
    .uil-squares-css>div:nth-of-type(3)>div {
        -ms-animation-delay: 0.25s;
        -moz-animation-delay: 0.25s;
        -webkit-animation-delay: 0.25s;
        -o-animation-delay: 0.25s;
        animation-delay: 0.25s;
    }
    
    .uil-squares-css>div:nth-of-type(4) {
        top: 80px;
        left: 130px;
    }
    
    .uil-squares-css>div:nth-of-type(4)>div {
        -ms-animation-delay: 0.375s;
        -moz-animation-delay: 0.375s;
        -webkit-animation-delay: 0.375s;
        -o-animation-delay: 0.375s;
        animation-delay: 0.375s;
    }
    
    .uil-squares-css>div:nth-of-type(5) {
        top: 130px;
        left: 130px;
    }
    
    .uil-squares-css>div:nth-of-type(5)>div {
        -ms-animation-delay: 0.5s;
        -moz-animation-delay: 0.5s;
        -webkit-animation-delay: 0.5s;
        -o-animation-delay: 0.5s;
        animation-delay: 0.5s;
    }
    
    .uil-squares-css>div:nth-of-type(6) {
        top: 130px;
        left: 80px;
    }
    
    .uil-squares-css>div:nth-of-type(6)>div {
        -ms-animation-delay: 0.625s;
        -moz-animation-delay: 0.625s;
        -webkit-animation-delay: 0.625s;
        -o-animation-delay: 0.625s;
        animation-delay: 0.625s;
    }
    
    .uil-squares-css>div:nth-of-type(7) {
        top: 130px;
        left: 30px;
    }
    
    .uil-squares-css>div:nth-of-type(7)>div {
        -ms-animation-delay: 0.75s;
        -moz-animation-delay: 0.75s;
        -webkit-animation-delay: 0.75s;
        -o-animation-delay: 0.75s;
        animation-delay: 0.75s;
    }
    
    .uil-squares-css>div:nth-of-type(8) {
        top: 80px;
        left: 30px;
    }
    
    .uil-squares-css>div:nth-of-type(8)>div {
        -ms-animation-delay: 0.875s;
        -moz-animation-delay: 0.875s;
        -webkit-animation-delay: 0.875s;
        -o-animation-delay: 0.875s;
        animation-delay: 0.875s;
    }
     @media screen and (max-width: 650px) {
                 .uil-squares-css {
            left: 5%;
        }
     }