@-ms-keyframes uilsquare{0%,100%,21%{background-color:#3cb278}1%,11%{background-color:#4fffa8}}@-moz-keyframes uilsquare{0%,100%,21%{background-color:#3cb278}1%,11%{background-color:#4fffa8}}@-webkit-keyframes uilsquare{0%,100%,21%{background-color:#3cb278}1%,11%{background-color:#4fffa8}}@-o-keyframes uilsquare{0%,100%,21%{background-color:#3cb278}1%,11%{background-color:#4fffa8}}@keyframes uilsquare{0%,100%,21%{background-color:#3cb278}1%,11%{background-color:#4fffa8}}.uil-squares-css{background:0 0;position:relative;width:200px;height:200px}.uil-squares-css div{position:absolute;z-index:1;width:40px;height:40px;background-color:#3cb278}.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:125ms;-moz-animation-delay:125ms;-webkit-animation-delay:125ms;-o-animation-delay:125ms;animation-delay:125ms}.uil-squares-css>div:nth-of-type(3){top:30px;left:130px}.uil-squares-css>div:nth-of-type(3)>div{-ms-animation-delay:.25s;-moz-animation-delay:.25s;-webkit-animation-delay:.25s;-o-animation-delay:.25s;animation-delay:.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:375ms;-moz-animation-delay:375ms;-webkit-animation-delay:375ms;-o-animation-delay:375ms;animation-delay:375ms}.uil-squares-css>div:nth-of-type(5){top:130px;left:130px}.uil-squares-css>div:nth-of-type(5)>div{-ms-animation-delay:.5s;-moz-animation-delay:.5s;-webkit-animation-delay:.5s;-o-animation-delay:.5s;animation-delay:.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:625ms;-moz-animation-delay:625ms;-webkit-animation-delay:625ms;-o-animation-delay:625ms;animation-delay:625ms}.uil-squares-css>div:nth-of-type(7){top:130px;left:30px}.uil-squares-css>div:nth-of-type(7)>div{-ms-animation-delay:.75s;-moz-animation-delay:.75s;-webkit-animation-delay:.75s;-o-animation-delay:.75s;animation-delay:.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:875ms;-moz-animation-delay:875ms;-webkit-animation-delay:875ms;-o-animation-delay:875ms;animation-delay:875ms}