body,html{overflow:hidden;background:#111}.hole{top:50%;left:50%;z-index:2}.hole,i{position:absolute}i{display:block;width:140px;height:140px;left:-70px;top:-70px;border-radius:140px;opacity:0;-webkit-animation-name:scale;animation-name:scale;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:linear;animation-timing-function:linear}i:first-child{-webkit-animation-delay:.3s;animation-delay:.3s}i:nth-child(2){-webkit-animation-delay:.6s;animation-delay:.6s}i:nth-child(3){-webkit-animation-delay:.9s;animation-delay:.9s}i:nth-child(4){-webkit-animation-delay:1.2s;animation-delay:1.2s}i:nth-child(5){-webkit-animation-delay:1.5s;animation-delay:1.5s}i:nth-child(6){-webkit-animation-delay:1.8s;animation-delay:1.8s}i:nth-child(7){-webkit-animation-delay:2.1s;animation-delay:2.1s}i:nth-child(8){-webkit-animation-delay:2.4s;animation-delay:2.4s}i:nth-child(9){-webkit-animation-delay:2.7s;animation-delay:2.7s}i:nth-child(10){-webkit-animation-delay:3s;animation-delay:3s}@-webkit-keyframes scale{0%{transform:scale(2);opacity:0;box-shadow:0 0 50px hsla(0,0%,100%,.5)}50%{transform:scale(1) translateY(-5px);opacity:1;box-shadow:0 8px 20px hsla(0,0%,100%,.5)}to{transform:scale(.1) translateY(5px);opacity:0;box-shadow:0 10px 20px hsla(0,0%,100%,0)}}@keyframes scale{0%{transform:scale(2);opacity:0;box-shadow:0 0 50px hsla(0,0%,100%,.5)}50%{transform:scale(1) translateY(-5px);opacity:1;box-shadow:0 8px 20px hsla(0,0%,100%,.5)}to{transform:scale(.1) translateY(5px);opacity:0;box-shadow:0 10px 20px hsla(0,0%,100%,0)}}