@import url(https://fonts.googleapis.com/css?family=Montserrat:700);.hero{background-color:#0040c1;height:100vh;overflow:hidden;position:relative;z-index:1}.cube{-webkit-animation:cube 12s ease-in infinite forwards;animation:cube 12s ease-in infinite forwards;border:1px solid #003298;height:10px;left:45vw;position:absolute;top:80vh;-webkit-transform:scale(0) rotate(0deg) translate(-50%,-50%);transform:scale(0) rotate(0deg) translate(-50%,-50%);-webkit-transform-origin:top left;transform-origin:top left;width:10px;z-index:-1}.cube:nth-child(2n){border-color:#0051f4}.cube:nth-child(2){-webkit-animation-delay:0s;animation-delay:0s;left:25vw;top:40vh}.cube:nth-child(3){-webkit-animation-delay:2s;animation-delay:2s;left:75vw;top:50vh}.cube:nth-child(4){-webkit-animation-delay:4s;animation-delay:4s;left:90vw;top:10vh}.cube:nth-child(5){-webkit-animation-delay:8s;animation-delay:8s;left:10vw;top:85vh}.cube:nth-child(6){-webkit-animation-delay:10s;animation-delay:10s;left:50vw;top:10vh}@-webkit-keyframes cube{0%{opacity:1;-webkit-transform:scale(0) rotate(0deg) translate(-50%,-50%);transform:scale(0) rotate(0deg) translate(-50%,-50%)}to{opacity:0;-webkit-transform:scale(20) rotate(960deg) translate(-50%,-50%);transform:scale(20) rotate(960deg) translate(-50%,-50%)}}@keyframes cube{0%{opacity:1;-webkit-transform:scale(5) rotate(0deg) translate(-50%,-50%);transform:scale(5) rotate(0deg) translate(-50%,-50%)}to{opacity:0;-webkit-transform:scale(20) rotate(960deg) translate(-50%,-50%);transform:scale(20) rotate(960deg) translate(-50%,-50%)}}.animated-background{position:relative;z-index:10}