.explosion,.firework{position:absolute}.explosion{left:-2px;bottom:0;width:8px;height:80px;transform-origin:50% 100%;overflow:hidden}.explosion:first-child{transform:rotate(0deg) translateY(-15px)}.explosion:nth-child(2){transform:rotate(30deg) translateY(-15px)}.explosion:nth-child(3){transform:rotate(60deg) translateY(-15px)}.explosion:nth-child(4){transform:rotate(90deg) translateY(-15px)}.explosion:nth-child(5){transform:rotate(120deg) translateY(-15px)}.explosion:nth-child(6){transform:rotate(150deg) translateY(-15px)}.explosion:nth-child(7){transform:rotate(180deg) translateY(-15px)}.explosion:nth-child(8){transform:rotate(210deg) translateY(-15px)}.explosion:nth-child(9){transform:rotate(240deg) translateY(-15px)}.explosion:nth-child(10){transform:rotate(270deg) translateY(-15px)}.explosion:nth-child(11){transform:rotate(300deg) translateY(-15px)}.explosion:nth-child(12){transform:rotate(330deg) translateY(-15px)}.explosion:before{content:"";position:absolute;left:0;right:0;top:100%;height:40px}@keyframes explosion{0%{top:100%;background-color:#f01515;width:8px}33%,to{top:-50%;background-color:#15e1f0;width:1px}}#firework1{left:50%;top:50%;transform:scale(1)}#firework1 .explosion:before{animation:explosion 4s ease-in-out infinite}#firework2{left:40%;top:45%;transform:scale(.7)}#firework2 .explosion:before{animation:explosion 4s ease-in-out .6s infinite}#firework3{left:60%;top:65%;transform:scale(.4)}#firework3 .explosion:before{animation:explosion 4s ease-in-out .4s infinite}