/*body { background: radial-gradient(ellipse at bottom,#1b2735 0,#090a0f 100%); height: 100vh; overflow: hidden; display: -webkit-box; display: flex; font-family: 'Anton',sans-serif; -webkit-box-pack: center; justify-content: center; -webkit-box-align: center; align-items: center; -webkit-perspective: 600px; perspective: 600px } */ .effect-box .box { background: rgba(0,0,0,.7); width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; perspective: 600px } .effect-box .box div { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } .effect-box .y { animation: rotate 30s linear infinite } .effect-box .fireworks:nth-child(1) { transform: translate3d(0,-200px,100px); --color: #fa2828 } .effect-box .fireworks:nth-child(2) { transform: translate3d(160px,-100px,-160px); --color: #32f028 } .effect-box .fireworks:nth-child(2) .line .spark { animation-delay: -0.5s } .effect-box .fireworks:nth-child(3) { transform: translate3d(-160px,0,-160px); --color: #3250fa } .effect-box .fireworks:nth-child(3) .line .spark { animation-delay: -1s } .effect-box .fireworks:nth-child(4) { transform: translate3d(360px,-50px,-360px); --color: #32f028 } .effect-box .fireworks:nth-child(4) .line .spark { animation-delay: 0.5s } .effect-box .fireworks:nth-child(5) { transform: translate3d(-360px,-150px,-360px); --color: #3250fa } .effect-box .fireworks:nth-child(5) .line .spark { animation-delay: 0.5s } .spark { position: absolute; -webkit-transform-origin: 0 0; transform-origin: 0 0 } .fire { position: absolute; left: -3px; width: 5px; height: 5px; background: #fa2828 } .fire::before { content: ''; position: absolute; width: 100%; height: 100%; background: #e6c828; -webkit-transform: translateZ(0.1px); transform: translateZ(0.1px) } .line:nth-child(1) { -webkit-transform: rotateY(120deg); transform: rotateY(120deg) } .line:nth-child(1) .spark { -webkit-animation: spark1 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark1 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(1) .fire { -webkit-animation: fire 1825ms -751ms linear infinite; animation: fire 1825ms -751ms linear infinite } @-webkit-keyframes spark1 { 0% { -webkit-transform: translateY(509px); transform: translateY(509px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(19deg) translateX(225px); transform: rotateZ(19deg) translateX(225px) } } @keyframes spark1 { 0% { -webkit-transform: translateY(509px); transform: translateY(509px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(19deg) translateX(225px); transform: rotateZ(19deg) translateX(225px) } } .line:nth-child(2) { -webkit-transform: rotateY(88deg); transform: rotateY(88deg) } .line:nth-child(2) .spark { -webkit-animation: spark2 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark2 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(2) .fire { -webkit-animation: fire 1398ms -602ms linear infinite; animation: fire 1398ms -602ms linear infinite } @-webkit-keyframes spark2 { 0% { -webkit-transform: translateY(650px); transform: translateY(650px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(315deg) translateX(118px); transform: rotateZ(315deg) translateX(118px) } } @keyframes spark2 { 0% { -webkit-transform: translateY(650px); transform: translateY(650px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(315deg) translateX(118px); transform: rotateZ(315deg) translateX(118px) } } .line:nth-child(3) { -webkit-transform: rotateY(163deg); transform: rotateY(163deg) } .line:nth-child(3) .spark { -webkit-animation: spark3 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark3 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(3) .fire { -webkit-animation: fire 1682ms -525ms linear infinite; animation: fire 1682ms -525ms linear infinite } @-webkit-keyframes spark3 { 0% { -webkit-transform: translateY(562px); transform: translateY(562px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(64deg) translateX(211px); transform: rotateZ(64deg) translateX(211px) } } @keyframes spark3 { 0% { -webkit-transform: translateY(562px); transform: translateY(562px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(64deg) translateX(211px); transform: rotateZ(64deg) translateX(211px) } } .line:nth-child(4) { -webkit-transform: rotateY(165deg); transform: rotateY(165deg) } .line:nth-child(4) .spark { -webkit-animation: spark4 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark4 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(4) .fire { -webkit-animation: fire 1795ms -273ms linear infinite; animation: fire 1795ms -273ms linear infinite } @-webkit-keyframes spark4 { 0% { -webkit-transform: translateY(611px); transform: translateY(611px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(29deg) translateX(233px); transform: rotateZ(29deg) translateX(233px) } } @keyframes spark4 { 0% { -webkit-transform: translateY(611px); transform: translateY(611px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(29deg) translateX(233px); transform: rotateZ(29deg) translateX(233px) } } .line:nth-child(5) { -webkit-transform: rotateY(36deg); transform: rotateY(36deg) } .line:nth-child(5) .spark { -webkit-animation: spark5 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark5 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(5) .fire { -webkit-animation: fire 1762ms -731ms linear infinite; animation: fire 1762ms -731ms linear infinite } @-webkit-keyframes spark5 { 0% { -webkit-transform: translateY(649px); transform: translateY(649px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(164deg) translateX(268px); transform: rotateZ(164deg) translateX(268px) } } @keyframes spark5 { 0% { -webkit-transform: translateY(649px); transform: translateY(649px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(164deg) translateX(268px); transform: rotateZ(164deg) translateX(268px) } } .line:nth-child(6) { -webkit-transform: rotateY(115deg); transform: rotateY(115deg) } .line:nth-child(6) .spark { -webkit-animation: spark6 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark6 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(6) .fire { -webkit-animation: fire 1320ms -736ms linear infinite; animation: fire 1320ms -736ms linear infinite } @-webkit-keyframes spark6 { 0% { -webkit-transform: translateY(529px); transform: translateY(529px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(196deg) translateX(293px); transform: rotateZ(196deg) translateX(293px) } } @keyframes spark6 { 0% { -webkit-transform: translateY(529px); transform: translateY(529px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(196deg) translateX(293px); transform: rotateZ(196deg) translateX(293px) } } .line:nth-child(7) { -webkit-transform: rotateY(338deg); transform: rotateY(338deg) } .line:nth-child(7) .spark { -webkit-animation: spark7 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark7 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(7) .fire { -webkit-animation: fire 1630ms -951ms linear infinite; animation: fire 1630ms -951ms linear infinite } @-webkit-keyframes spark7 { 0% { -webkit-transform: translateY(542px); transform: translateY(542px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(204deg) translateX(184px); transform: rotateZ(204deg) translateX(184px) } } @keyframes spark7 { 0% { -webkit-transform: translateY(542px); transform: translateY(542px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(204deg) translateX(184px); transform: rotateZ(204deg) translateX(184px) } } .line:nth-child(8) { -webkit-transform: rotateY(60deg); transform: rotateY(60deg) } .line:nth-child(8) .spark { -webkit-animation: spark8 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark8 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(8) .fire { -webkit-animation: fire 1607ms -103ms linear infinite; animation: fire 1607ms -103ms linear infinite } @-webkit-keyframes spark8 { 0% { -webkit-transform: translateY(560px); transform: translateY(560px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(283deg) translateX(122px); transform: rotateZ(283deg) translateX(122px) } } @keyframes spark8 { 0% { -webkit-transform: translateY(560px); transform: translateY(560px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(283deg) translateX(122px); transform: rotateZ(283deg) translateX(122px) } } .line:nth-child(9) { -webkit-transform: rotateY(194deg); transform: rotateY(194deg) } .line:nth-child(9) .spark { -webkit-animation: spark9 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark9 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(9) .fire { -webkit-animation: fire 1995ms -201ms linear infinite; animation: fire 1995ms -201ms linear infinite } @-webkit-keyframes spark9 { 0% { -webkit-transform: translateY(563px); transform: translateY(563px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(255deg) translateX(190px); transform: rotateZ(255deg) translateX(190px) } } @keyframes spark9 { 0% { -webkit-transform: translateY(563px); transform: translateY(563px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(255deg) translateX(190px); transform: rotateZ(255deg) translateX(190px) } } .line:nth-child(10) { -webkit-transform: rotateY(188deg); transform: rotateY(188deg) } .line:nth-child(10) .spark { -webkit-animation: spark10 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark10 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(10) .fire { -webkit-animation: fire 1078ms -79ms linear infinite; animation: fire 1078ms -79ms linear infinite } @-webkit-keyframes spark10 { 0% { -webkit-transform: translateY(540px); transform: translateY(540px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(121deg) translateX(117px); transform: rotateZ(121deg) translateX(117px) } } @keyframes spark10 { 0% { -webkit-transform: translateY(540px); transform: translateY(540px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(121deg) translateX(117px); transform: rotateZ(121deg) translateX(117px) } } .line:nth-child(11) { -webkit-transform: rotateY(135deg); transform: rotateY(135deg) } .line:nth-child(11) .spark { -webkit-animation: spark11 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark11 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(11) .fire { -webkit-animation: fire 1286ms -969ms linear infinite; animation: fire 1286ms -969ms linear infinite } @-webkit-keyframes spark11 { 0% { -webkit-transform: translateY(548px); transform: translateY(548px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(317deg) translateX(169px); transform: rotateZ(317deg) translateX(169px) } } @keyframes spark11 { 0% { -webkit-transform: translateY(548px); transform: translateY(548px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(317deg) translateX(169px); transform: rotateZ(317deg) translateX(169px) } } .line:nth-child(12) { -webkit-transform: rotateY(176deg); transform: rotateY(176deg) } .line:nth-child(12) .spark { -webkit-animation: spark12 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark12 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(12) .fire { -webkit-animation: fire 1694ms -47ms linear infinite; animation: fire 1694ms -47ms linear infinite } @-webkit-keyframes spark12 { 0% { -webkit-transform: translateY(617px); transform: translateY(617px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(231deg) translateX(160px); transform: rotateZ(231deg) translateX(160px) } } @keyframes spark12 { 0% { -webkit-transform: translateY(617px); transform: translateY(617px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(231deg) translateX(160px); transform: rotateZ(231deg) translateX(160px) } } .line:nth-child(13) { -webkit-transform: rotateY(40deg); transform: rotateY(40deg) } .line:nth-child(13) .spark { -webkit-animation: spark13 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark13 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(13) .fire { -webkit-animation: fire 1462ms -991ms linear infinite; animation: fire 1462ms -991ms linear infinite } @-webkit-keyframes spark13 { 0% { -webkit-transform: translateY(503px); transform: translateY(503px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(102deg) translateX(291px); transform: rotateZ(102deg) translateX(291px) } } @keyframes spark13 { 0% { -webkit-transform: translateY(503px); transform: translateY(503px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(102deg) translateX(291px); transform: rotateZ(102deg) translateX(291px) } } .line:nth-child(14) { -webkit-transform: rotateY(333deg); transform: rotateY(333deg) } .line:nth-child(14) .spark { -webkit-animation: spark14 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark14 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(14) .fire { -webkit-animation: fire 1634ms -249ms linear infinite; animation: fire 1634ms -249ms linear infinite } @-webkit-keyframes spark14 { 0% { -webkit-transform: translateY(582px); transform: translateY(582px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(51deg) translateX(138px); transform: rotateZ(51deg) translateX(138px) } } @keyframes spark14 { 0% { -webkit-transform: translateY(582px); transform: translateY(582px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(51deg) translateX(138px); transform: rotateZ(51deg) translateX(138px) } } .line:nth-child(15) { -webkit-transform: rotateY(318deg); transform: rotateY(318deg) } .line:nth-child(15) .spark { -webkit-animation: spark15 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark15 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(15) .fire { -webkit-animation: fire 1058ms -459ms linear infinite; animation: fire 1058ms -459ms linear infinite } @-webkit-keyframes spark15 { 0% { -webkit-transform: translateY(503px); transform: translateY(503px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(70deg) translateX(102px); transform: rotateZ(70deg) translateX(102px) } } @keyframes spark15 { 0% { -webkit-transform: translateY(503px); transform: translateY(503px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(70deg) translateX(102px); transform: rotateZ(70deg) translateX(102px) } } .line:nth-child(16) { -webkit-transform: rotateY(104deg); transform: rotateY(104deg) } .line:nth-child(16) .spark { -webkit-animation: spark16 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark16 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(16) .fire { -webkit-animation: fire 1425ms -170ms linear infinite; animation: fire 1425ms -170ms linear infinite } @-webkit-keyframes spark16 { 0% { -webkit-transform: translateY(577px); transform: translateY(577px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(117deg) translateX(209px); transform: rotateZ(117deg) translateX(209px) } } @keyframes spark16 { 0% { -webkit-transform: translateY(577px); transform: translateY(577px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(117deg) translateX(209px); transform: rotateZ(117deg) translateX(209px) } } .line:nth-child(17) { -webkit-transform: rotateY(132deg); transform: rotateY(132deg) } .line:nth-child(17) .spark { -webkit-animation: spark17 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark17 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(17) .fire { -webkit-animation: fire 1837ms -353ms linear infinite; animation: fire 1837ms -353ms linear infinite } @-webkit-keyframes spark17 { 0% { -webkit-transform: translateY(587px); transform: translateY(587px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(170deg) translateX(207px); transform: rotateZ(170deg) translateX(207px) } } @keyframes spark17 { 0% { -webkit-transform: translateY(587px); transform: translateY(587px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(170deg) translateX(207px); transform: rotateZ(170deg) translateX(207px) } } .line:nth-child(18) { -webkit-transform: rotateY(212deg); transform: rotateY(212deg) } .line:nth-child(18) .spark { -webkit-animation: spark18 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark18 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(18) .fire { -webkit-animation: fire 1573ms -130ms linear infinite; animation: fire 1573ms -130ms linear infinite } @-webkit-keyframes spark18 { 0% { -webkit-transform: translateY(533px); transform: translateY(533px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(46deg) translateX(190px); transform: rotateZ(46deg) translateX(190px) } } @keyframes spark18 { 0% { -webkit-transform: translateY(533px); transform: translateY(533px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(46deg) translateX(190px); transform: rotateZ(46deg) translateX(190px) } } .line:nth-child(19) { -webkit-transform: rotateY(27deg); transform: rotateY(27deg) } .line:nth-child(19) .spark { -webkit-animation: spark19 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark19 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(19) .fire { -webkit-animation: fire 1705ms -137ms linear infinite; animation: fire 1705ms -137ms linear infinite } @-webkit-keyframes spark19 { 0% { -webkit-transform: translateY(554px); transform: translateY(554px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(314deg) translateX(166px); transform: rotateZ(314deg) translateX(166px) } } @keyframes spark19 { 0% { -webkit-transform: translateY(554px); transform: translateY(554px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(314deg) translateX(166px); transform: rotateZ(314deg) translateX(166px) } } .line:nth-child(20) { -webkit-transform: rotateY(124deg); transform: rotateY(124deg) } .line:nth-child(20) .spark { -webkit-animation: spark20 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark20 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(20) .fire { -webkit-animation: fire 1112ms -921ms linear infinite; animation: fire 1112ms -921ms linear infinite } @-webkit-keyframes spark20 { 0% { -webkit-transform: translateY(554px); transform: translateY(554px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(335deg) translateX(250px); transform: rotateZ(335deg) translateX(250px) } } @keyframes spark20 { 0% { -webkit-transform: translateY(554px); transform: translateY(554px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(335deg) translateX(250px); transform: rotateZ(335deg) translateX(250px) } } .line:nth-child(21) { -webkit-transform: rotateY(91deg); transform: rotateY(91deg) } .line:nth-child(21) .spark { -webkit-animation: spark21 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark21 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(21) .fire { -webkit-animation: fire 1901ms -770ms linear infinite; animation: fire 1901ms -770ms linear infinite } @-webkit-keyframes spark21 { 0% { -webkit-transform: translateY(623px); transform: translateY(623px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(40deg) translateX(152px); transform: rotateZ(40deg) translateX(152px) } } @keyframes spark21 { 0% { -webkit-transform: translateY(623px); transform: translateY(623px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(40deg) translateX(152px); transform: rotateZ(40deg) translateX(152px) } } .line:nth-child(22) { -webkit-transform: rotateY(185deg); transform: rotateY(185deg) } .line:nth-child(22) .spark { -webkit-animation: spark22 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark22 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(22) .fire { -webkit-animation: fire 1575ms -479ms linear infinite; animation: fire 1575ms -479ms linear infinite } @-webkit-keyframes spark22 { 0% { -webkit-transform: translateY(596px); transform: translateY(596px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(166deg) translateX(129px); transform: rotateZ(166deg) translateX(129px) } } @keyframes spark22 { 0% { -webkit-transform: translateY(596px); transform: translateY(596px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(166deg) translateX(129px); transform: rotateZ(166deg) translateX(129px) } } .line:nth-child(23) { -webkit-transform: rotateY(296deg); transform: rotateY(296deg) } .line:nth-child(23) .spark { -webkit-animation: spark23 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark23 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(23) .fire { -webkit-animation: fire 1131ms -491ms linear infinite; animation: fire 1131ms -491ms linear infinite } @-webkit-keyframes spark23 { 0% { -webkit-transform: translateY(559px); transform: translateY(559px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(142deg) translateX(257px); transform: rotateZ(142deg) translateX(257px) } } @keyframes spark23 { 0% { -webkit-transform: translateY(559px); transform: translateY(559px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(142deg) translateX(257px); transform: rotateZ(142deg) translateX(257px) } } .line:nth-child(24) { -webkit-transform: rotateY(2deg); transform: rotateY(2deg) } .line:nth-child(24) .spark { -webkit-animation: spark24 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark24 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(24) .fire { -webkit-animation: fire 1813ms -660ms linear infinite; animation: fire 1813ms -660ms linear infinite } @-webkit-keyframes spark24 { 0% { -webkit-transform: translateY(615px); transform: translateY(615px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(269deg) translateX(269px); transform: rotateZ(269deg) translateX(269px) } } @keyframes spark24 { 0% { -webkit-transform: translateY(615px); transform: translateY(615px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(269deg) translateX(269px); transform: rotateZ(269deg) translateX(269px) } } .line:nth-child(25) { -webkit-transform: rotateY(168deg); transform: rotateY(168deg) } .line:nth-child(25) .spark { -webkit-animation: spark25 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark25 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(25) .fire { -webkit-animation: fire 1548ms -284ms linear infinite; animation: fire 1548ms -284ms linear infinite } @-webkit-keyframes spark25 { 0% { -webkit-transform: translateY(617px); transform: translateY(617px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(338deg) translateX(214px); transform: rotateZ(338deg) translateX(214px) } } @keyframes spark25 { 0% { -webkit-transform: translateY(617px); transform: translateY(617px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(338deg) translateX(214px); transform: rotateZ(338deg) translateX(214px) } } .line:nth-child(26) { -webkit-transform: rotateY(83deg); transform: rotateY(83deg) } .line:nth-child(26) .spark { -webkit-animation: spark26 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark26 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(26) .fire { -webkit-animation: fire 1653ms -3ms linear infinite; animation: fire 1653ms -3ms linear infinite } @-webkit-keyframes spark26 { 0% { -webkit-transform: translateY(608px); transform: translateY(608px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(90deg) translateX(160px); transform: rotateZ(90deg) translateX(160px) } } @keyframes spark26 { 0% { -webkit-transform: translateY(608px); transform: translateY(608px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(90deg) translateX(160px); transform: rotateZ(90deg) translateX(160px) } } .line:nth-child(27) { -webkit-transform: rotateY(360deg); transform: rotateY(360deg) } .line:nth-child(27) .spark { -webkit-animation: spark27 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark27 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(27) .fire { -webkit-animation: fire 1642ms -617ms linear infinite; animation: fire 1642ms -617ms linear infinite } @-webkit-keyframes spark27 { 0% { -webkit-transform: translateY(556px); transform: translateY(556px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(123deg) translateX(286px); transform: rotateZ(123deg) translateX(286px) } } @keyframes spark27 { 0% { -webkit-transform: translateY(556px); transform: translateY(556px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(123deg) translateX(286px); transform: rotateZ(123deg) translateX(286px) } } .line:nth-child(28) { -webkit-transform: rotateY(285deg); transform: rotateY(285deg) } .line:nth-child(28) .spark { -webkit-animation: spark28 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark28 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(28) .fire { -webkit-animation: fire 1170ms -538ms linear infinite; animation: fire 1170ms -538ms linear infinite } @-webkit-keyframes spark28 { 0% { -webkit-transform: translateY(544px); transform: translateY(544px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(307deg) translateX(150px); transform: rotateZ(307deg) translateX(150px) } } @keyframes spark28 { 0% { -webkit-transform: translateY(544px); transform: translateY(544px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(307deg) translateX(150px); transform: rotateZ(307deg) translateX(150px) } } .line:nth-child(29) { -webkit-transform: rotateY(27deg); transform: rotateY(27deg) } .line:nth-child(29) .spark { -webkit-animation: spark29 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark29 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(29) .fire { -webkit-animation: fire 1403ms -582ms linear infinite; animation: fire 1403ms -582ms linear infinite } @-webkit-keyframes spark29 { 0% { -webkit-transform: translateY(642px); transform: translateY(642px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(58deg) translateX(181px); transform: rotateZ(58deg) translateX(181px) } } @keyframes spark29 { 0% { -webkit-transform: translateY(642px); transform: translateY(642px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(58deg) translateX(181px); transform: rotateZ(58deg) translateX(181px) } } .line:nth-child(30) { -webkit-transform: rotateY(268deg); transform: rotateY(268deg) } .line:nth-child(30) .spark { -webkit-animation: spark30 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark30 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(30) .fire { -webkit-animation: fire 1627ms -523ms linear infinite; animation: fire 1627ms -523ms linear infinite } @-webkit-keyframes spark30 { 0% { -webkit-transform: translateY(504px); transform: translateY(504px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(116deg) translateX(291px); transform: rotateZ(116deg) translateX(291px) } } @keyframes spark30 { 0% { -webkit-transform: translateY(504px); transform: translateY(504px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(116deg) translateX(291px); transform: rotateZ(116deg) translateX(291px) } } .line:nth-child(31) { -webkit-transform: rotateY(193deg); transform: rotateY(193deg) } .line:nth-child(31) .spark { -webkit-animation: spark31 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark31 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(31) .fire { -webkit-animation: fire 1065ms -361ms linear infinite; animation: fire 1065ms -361ms linear infinite } @-webkit-keyframes spark31 { 0% { -webkit-transform: translateY(583px); transform: translateY(583px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(356deg) translateX(275px); transform: rotateZ(356deg) translateX(275px) } } @keyframes spark31 { 0% { -webkit-transform: translateY(583px); transform: translateY(583px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(356deg) translateX(275px); transform: rotateZ(356deg) translateX(275px) } } .line:nth-child(32) { -webkit-transform: rotateY(36deg); transform: rotateY(36deg) } .line:nth-child(32) .spark { -webkit-animation: spark32 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark32 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(32) .fire { -webkit-animation: fire 1876ms -366ms linear infinite; animation: fire 1876ms -366ms linear infinite } @-webkit-keyframes spark32 { 0% { -webkit-transform: translateY(590px); transform: translateY(590px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(29deg) translateX(249px); transform: rotateZ(29deg) translateX(249px) } } @keyframes spark32 { 0% { -webkit-transform: translateY(590px); transform: translateY(590px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(29deg) translateX(249px); transform: rotateZ(29deg) translateX(249px) } } .line:nth-child(33) { -webkit-transform: rotateY(343deg); transform: rotateY(343deg) } .line:nth-child(33) .spark { -webkit-animation: spark33 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark33 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(33) .fire { -webkit-animation: fire 1787ms -169ms linear infinite; animation: fire 1787ms -169ms linear infinite } @-webkit-keyframes spark33 { 0% { -webkit-transform: translateY(620px); transform: translateY(620px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(93deg) translateX(132px); transform: rotateZ(93deg) translateX(132px) } } @keyframes spark33 { 0% { -webkit-transform: translateY(620px); transform: translateY(620px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(93deg) translateX(132px); transform: rotateZ(93deg) translateX(132px) } } .line:nth-child(34) { -webkit-transform: rotateY(299deg); transform: rotateY(299deg) } .line:nth-child(34) .spark { -webkit-animation: spark34 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark34 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(34) .fire { -webkit-animation: fire 1556ms -619ms linear infinite; animation: fire 1556ms -619ms linear infinite } @-webkit-keyframes spark34 { 0% { -webkit-transform: translateY(601px); transform: translateY(601px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(24deg) translateX(175px); transform: rotateZ(24deg) translateX(175px) } } @keyframes spark34 { 0% { -webkit-transform: translateY(601px); transform: translateY(601px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(24deg) translateX(175px); transform: rotateZ(24deg) translateX(175px) } } .line:nth-child(35) { -webkit-transform: rotateY(334deg); transform: rotateY(334deg) } .line:nth-child(35) .spark { -webkit-animation: spark35 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark35 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(35) .fire { -webkit-animation: fire 1711ms -930ms linear infinite; animation: fire 1711ms -930ms linear infinite } @-webkit-keyframes spark35 { 0% { -webkit-transform: translateY(609px); transform: translateY(609px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(141deg) translateX(278px); transform: rotateZ(141deg) translateX(278px) } } @keyframes spark35 { 0% { -webkit-transform: translateY(609px); transform: translateY(609px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(141deg) translateX(278px); transform: rotateZ(141deg) translateX(278px) } } .line:nth-child(36) { -webkit-transform: rotateY(195deg); transform: rotateY(195deg) } .line:nth-child(36) .spark { -webkit-animation: spark36 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark36 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(36) .fire { -webkit-animation: fire 1174ms -855ms linear infinite; animation: fire 1174ms -855ms linear infinite } @-webkit-keyframes spark36 { 0% { -webkit-transform: translateY(648px); transform: translateY(648px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(74deg) translateX(232px); transform: rotateZ(74deg) translateX(232px) } } @keyframes spark36 { 0% { -webkit-transform: translateY(648px); transform: translateY(648px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(74deg) translateX(232px); transform: rotateZ(74deg) translateX(232px) } } .line:nth-child(37) { -webkit-transform: rotateY(58deg); transform: rotateY(58deg) } .line:nth-child(37) .spark { -webkit-animation: spark37 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark37 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(37) .fire { -webkit-animation: fire 1307ms -322ms linear infinite; animation: fire 1307ms -322ms linear infinite } @-webkit-keyframes spark37 { 0% { -webkit-transform: translateY(516px); transform: translateY(516px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(292deg) translateX(183px); transform: rotateZ(292deg) translateX(183px) } } @keyframes spark37 { 0% { -webkit-transform: translateY(516px); transform: translateY(516px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(292deg) translateX(183px); transform: rotateZ(292deg) translateX(183px) } } .line:nth-child(38) { -webkit-transform: rotateY(213deg); transform: rotateY(213deg) } .line:nth-child(38) .spark { -webkit-animation: spark38 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark38 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(38) .fire { -webkit-animation: fire 1855ms -423ms linear infinite; animation: fire 1855ms -423ms linear infinite } @-webkit-keyframes spark38 { 0% { -webkit-transform: translateY(571px); transform: translateY(571px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(326deg) translateX(226px); transform: rotateZ(326deg) translateX(226px) } } @keyframes spark38 { 0% { -webkit-transform: translateY(571px); transform: translateY(571px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(326deg) translateX(226px); transform: rotateZ(326deg) translateX(226px) } } .line:nth-child(39) { -webkit-transform: rotateY(2deg); transform: rotateY(2deg) } .line:nth-child(39) .spark { -webkit-animation: spark39 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark39 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(39) .fire { -webkit-animation: fire 1500ms -985ms linear infinite; animation: fire 1500ms -985ms linear infinite } @-webkit-keyframes spark39 { 0% { -webkit-transform: translateY(576px); transform: translateY(576px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(56deg) translateX(130px); transform: rotateZ(56deg) translateX(130px) } } @keyframes spark39 { 0% { -webkit-transform: translateY(576px); transform: translateY(576px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(56deg) translateX(130px); transform: rotateZ(56deg) translateX(130px) } } .line:nth-child(40) { -webkit-transform: rotateY(315deg); transform: rotateY(315deg) } .line:nth-child(40) .spark { -webkit-animation: spark40 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark40 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(40) .fire { -webkit-animation: fire 1594ms -649ms linear infinite; animation: fire 1594ms -649ms linear infinite } @-webkit-keyframes spark40 { 0% { -webkit-transform: translateY(647px); transform: translateY(647px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(350deg) translateX(235px); transform: rotateZ(350deg) translateX(235px) } } @keyframes spark40 { 0% { -webkit-transform: translateY(647px); transform: translateY(647px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(350deg) translateX(235px); transform: rotateZ(350deg) translateX(235px) } } .line:nth-child(41) { -webkit-transform: rotateY(53deg); transform: rotateY(53deg) } .line:nth-child(41) .spark { -webkit-animation: spark41 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark41 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(41) .fire { -webkit-animation: fire 1067ms -269ms linear infinite; animation: fire 1067ms -269ms linear infinite } @-webkit-keyframes spark41 { 0% { -webkit-transform: translateY(642px); transform: translateY(642px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(31deg) translateX(219px); transform: rotateZ(31deg) translateX(219px) } } @keyframes spark41 { 0% { -webkit-transform: translateY(642px); transform: translateY(642px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(31deg) translateX(219px); transform: rotateZ(31deg) translateX(219px) } } .line:nth-child(42) { -webkit-transform: rotateY(323deg); transform: rotateY(323deg) } .line:nth-child(42) .spark { -webkit-animation: spark42 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark42 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(42) .fire { -webkit-animation: fire 1549ms -599ms linear infinite; animation: fire 1549ms -599ms linear infinite } @-webkit-keyframes spark42 { 0% { -webkit-transform: translateY(562px); transform: translateY(562px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(226deg) translateX(218px); transform: rotateZ(226deg) translateX(218px) } } @keyframes spark42 { 0% { -webkit-transform: translateY(562px); transform: translateY(562px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(226deg) translateX(218px); transform: rotateZ(226deg) translateX(218px) } } .line:nth-child(43) { -webkit-transform: rotateY(246deg); transform: rotateY(246deg) } .line:nth-child(43) .spark { -webkit-animation: spark43 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark43 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(43) .fire { -webkit-animation: fire 1424ms -185ms linear infinite; animation: fire 1424ms -185ms linear infinite } @-webkit-keyframes spark43 { 0% { -webkit-transform: translateY(576px); transform: translateY(576px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(246deg) translateX(116px); transform: rotateZ(246deg) translateX(116px) } } @keyframes spark43 { 0% { -webkit-transform: translateY(576px); transform: translateY(576px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(246deg) translateX(116px); transform: rotateZ(246deg) translateX(116px) } } .line:nth-child(44) { -webkit-transform: rotateY(66deg); transform: rotateY(66deg) } .line:nth-child(44) .spark { -webkit-animation: spark44 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark44 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(44) .fire { -webkit-animation: fire 1711ms -811ms linear infinite; animation: fire 1711ms -811ms linear infinite } @-webkit-keyframes spark44 { 0% { -webkit-transform: translateY(636px); transform: translateY(636px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(78deg) translateX(237px); transform: rotateZ(78deg) translateX(237px) } } @keyframes spark44 { 0% { -webkit-transform: translateY(636px); transform: translateY(636px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(78deg) translateX(237px); transform: rotateZ(78deg) translateX(237px) } } .line:nth-child(45) { -webkit-transform: rotateY(209deg); transform: rotateY(209deg) } .line:nth-child(45) .spark { -webkit-animation: spark45 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark45 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(45) .fire { -webkit-animation: fire 1392ms -612ms linear infinite; animation: fire 1392ms -612ms linear infinite } @-webkit-keyframes spark45 { 0% { -webkit-transform: translateY(594px); transform: translateY(594px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(102deg) translateX(154px); transform: rotateZ(102deg) translateX(154px) } } @keyframes spark45 { 0% { -webkit-transform: translateY(594px); transform: translateY(594px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(102deg) translateX(154px); transform: rotateZ(102deg) translateX(154px) } } .line:nth-child(46) { -webkit-transform: rotateY(298deg); transform: rotateY(298deg) } .line:nth-child(46) .spark { -webkit-animation: spark46 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark46 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(46) .fire { -webkit-animation: fire 1332ms -879ms linear infinite; animation: fire 1332ms -879ms linear infinite } @-webkit-keyframes spark46 { 0% { -webkit-transform: translateY(585px); transform: translateY(585px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(345deg) translateX(172px); transform: rotateZ(345deg) translateX(172px) } } @keyframes spark46 { 0% { -webkit-transform: translateY(585px); transform: translateY(585px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(345deg) translateX(172px); transform: rotateZ(345deg) translateX(172px) } } .line:nth-child(47) { -webkit-transform: rotateY(210deg); transform: rotateY(210deg) } .line:nth-child(47) .spark { -webkit-animation: spark47 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark47 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(47) .fire { -webkit-animation: fire 1053ms -305ms linear infinite; animation: fire 1053ms -305ms linear infinite } @-webkit-keyframes spark47 { 0% { -webkit-transform: translateY(650px); transform: translateY(650px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(192deg) translateX(140px); transform: rotateZ(192deg) translateX(140px) } } @keyframes spark47 { 0% { -webkit-transform: translateY(650px); transform: translateY(650px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(192deg) translateX(140px); transform: rotateZ(192deg) translateX(140px) } } .line:nth-child(48) { -webkit-transform: rotateY(333deg); transform: rotateY(333deg) } .line:nth-child(48) .spark { -webkit-animation: spark48 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark48 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(48) .fire { -webkit-animation: fire 1970ms -72ms linear infinite; animation: fire 1970ms -72ms linear infinite } @-webkit-keyframes spark48 { 0% { -webkit-transform: translateY(625px); transform: translateY(625px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(176deg) translateX(190px); transform: rotateZ(176deg) translateX(190px) } } @keyframes spark48 { 0% { -webkit-transform: translateY(625px); transform: translateY(625px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(176deg) translateX(190px); transform: rotateZ(176deg) translateX(190px) } } .line:nth-child(49) { -webkit-transform: rotateY(230deg); transform: rotateY(230deg) } .line:nth-child(49) .spark { -webkit-animation: spark49 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark49 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(49) .fire { -webkit-animation: fire 1075ms -577ms linear infinite; animation: fire 1075ms -577ms linear infinite } @-webkit-keyframes spark49 { 0% { -webkit-transform: translateY(528px); transform: translateY(528px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(301deg) translateX(270px); transform: rotateZ(301deg) translateX(270px) } } @keyframes spark49 { 0% { -webkit-transform: translateY(528px); transform: translateY(528px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(301deg) translateX(270px); transform: rotateZ(301deg) translateX(270px) } } .line:nth-child(50) { -webkit-transform: rotateY(289deg); transform: rotateY(289deg) } .line:nth-child(50) .spark { -webkit-animation: spark50 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark50 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(50) .fire { -webkit-animation: fire 1763ms -429ms linear infinite; animation: fire 1763ms -429ms linear infinite } @-webkit-keyframes spark50 { 0% { -webkit-transform: translateY(593px); transform: translateY(593px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(89deg) translateX(226px); transform: rotateZ(89deg) translateX(226px) } } @keyframes spark50 { 0% { -webkit-transform: translateY(593px); transform: translateY(593px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(89deg) translateX(226px); transform: rotateZ(89deg) translateX(226px) } } .line:nth-child(51) { -webkit-transform: rotateY(228deg); transform: rotateY(228deg) } .line:nth-child(51) .spark { -webkit-animation: spark51 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark51 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(51) .fire { -webkit-animation: fire 1541ms -177ms linear infinite; animation: fire 1541ms -177ms linear infinite } @-webkit-keyframes spark51 { 0% { -webkit-transform: translateY(535px); transform: translateY(535px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(172deg) translateX(286px); transform: rotateZ(172deg) translateX(286px) } } @keyframes spark51 { 0% { -webkit-transform: translateY(535px); transform: translateY(535px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(172deg) translateX(286px); transform: rotateZ(172deg) translateX(286px) } } .line:nth-child(52) { -webkit-transform: rotateY(60deg); transform: rotateY(60deg) } .line:nth-child(52) .spark { -webkit-animation: spark52 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark52 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(52) .fire { -webkit-animation: fire 1174ms -12ms linear infinite; animation: fire 1174ms -12ms linear infinite } @-webkit-keyframes spark52 { 0% { -webkit-transform: translateY(612px); transform: translateY(612px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(168deg) translateX(111px); transform: rotateZ(168deg) translateX(111px) } } @keyframes spark52 { 0% { -webkit-transform: translateY(612px); transform: translateY(612px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(168deg) translateX(111px); transform: rotateZ(168deg) translateX(111px) } } .line:nth-child(53) { -webkit-transform: rotateY(81deg); transform: rotateY(81deg) } .line:nth-child(53) .spark { -webkit-animation: spark53 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark53 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(53) .fire { -webkit-animation: fire 1341ms -93ms linear infinite; animation: fire 1341ms -93ms linear infinite } @-webkit-keyframes spark53 { 0% { -webkit-transform: translateY(562px); transform: translateY(562px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(93deg) translateX(103px); transform: rotateZ(93deg) translateX(103px) } } @keyframes spark53 { 0% { -webkit-transform: translateY(562px); transform: translateY(562px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(93deg) translateX(103px); transform: rotateZ(93deg) translateX(103px) } } .line:nth-child(54) { -webkit-transform: rotateY(251deg); transform: rotateY(251deg) } .line:nth-child(54) .spark { -webkit-animation: spark54 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark54 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(54) .fire { -webkit-animation: fire 1675ms -317ms linear infinite; animation: fire 1675ms -317ms linear infinite } @-webkit-keyframes spark54 { 0% { -webkit-transform: translateY(578px); transform: translateY(578px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(100deg) translateX(208px); transform: rotateZ(100deg) translateX(208px) } } @keyframes spark54 { 0% { -webkit-transform: translateY(578px); transform: translateY(578px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(100deg) translateX(208px); transform: rotateZ(100deg) translateX(208px) } } .line:nth-child(55) { -webkit-transform: rotateY(334deg); transform: rotateY(334deg) } .line:nth-child(55) .spark { -webkit-animation: spark55 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark55 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(55) .fire { -webkit-animation: fire 1046ms -298ms linear infinite; animation: fire 1046ms -298ms linear infinite } @-webkit-keyframes spark55 { 0% { -webkit-transform: translateY(592px); transform: translateY(592px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(2deg) translateX(175px); transform: rotateZ(2deg) translateX(175px) } } @keyframes spark55 { 0% { -webkit-transform: translateY(592px); transform: translateY(592px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(2deg) translateX(175px); transform: rotateZ(2deg) translateX(175px) } } .line:nth-child(56) { -webkit-transform: rotateY(145deg); transform: rotateY(145deg) } .line:nth-child(56) .spark { -webkit-animation: spark56 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark56 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(56) .fire { -webkit-animation: fire 1776ms -989ms linear infinite; animation: fire 1776ms -989ms linear infinite } @-webkit-keyframes spark56 { 0% { -webkit-transform: translateY(531px); transform: translateY(531px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(263deg) translateX(118px); transform: rotateZ(263deg) translateX(118px) } } @keyframes spark56 { 0% { -webkit-transform: translateY(531px); transform: translateY(531px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(263deg) translateX(118px); transform: rotateZ(263deg) translateX(118px) } } .line:nth-child(57) { -webkit-transform: rotateY(250deg); transform: rotateY(250deg) } .line:nth-child(57) .spark { -webkit-animation: spark57 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark57 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(57) .fire { -webkit-animation: fire 1731ms -595ms linear infinite; animation: fire 1731ms -595ms linear infinite } @-webkit-keyframes spark57 { 0% { -webkit-transform: translateY(536px); transform: translateY(536px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(154deg) translateX(286px); transform: rotateZ(154deg) translateX(286px) } } @keyframes spark57 { 0% { -webkit-transform: translateY(536px); transform: translateY(536px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(154deg) translateX(286px); transform: rotateZ(154deg) translateX(286px) } } .line:nth-child(58) { -webkit-transform: rotateY(357deg); transform: rotateY(357deg) } .line:nth-child(58) .spark { -webkit-animation: spark58 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark58 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(58) .fire { -webkit-animation: fire 1246ms -944ms linear infinite; animation: fire 1246ms -944ms linear infinite } @-webkit-keyframes spark58 { 0% { -webkit-transform: translateY(590px); transform: translateY(590px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(122deg) translateX(138px); transform: rotateZ(122deg) translateX(138px) } } @keyframes spark58 { 0% { -webkit-transform: translateY(590px); transform: translateY(590px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(122deg) translateX(138px); transform: rotateZ(122deg) translateX(138px) } } .line:nth-child(59) { -webkit-transform: rotateY(100deg); transform: rotateY(100deg) } .line:nth-child(59) .spark { -webkit-animation: spark59 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark59 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(59) .fire { -webkit-animation: fire 1384ms -897ms linear infinite; animation: fire 1384ms -897ms linear infinite } @-webkit-keyframes spark59 { 0% { -webkit-transform: translateY(553px); transform: translateY(553px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(40deg) translateX(213px); transform: rotateZ(40deg) translateX(213px) } } @keyframes spark59 { 0% { -webkit-transform: translateY(553px); transform: translateY(553px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(40deg) translateX(213px); transform: rotateZ(40deg) translateX(213px) } } .line:nth-child(60) { -webkit-transform: rotateY(245deg); transform: rotateY(245deg) } .line:nth-child(60) .spark { -webkit-animation: spark60 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark60 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(60) .fire { -webkit-animation: fire 1824ms -179ms linear infinite; animation: fire 1824ms -179ms linear infinite } @-webkit-keyframes spark60 { 0% { -webkit-transform: translateY(545px); transform: translateY(545px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(50deg) translateX(218px); transform: rotateZ(50deg) translateX(218px) } } @keyframes spark60 { 0% { -webkit-transform: translateY(545px); transform: translateY(545px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(50deg) translateX(218px); transform: rotateZ(50deg) translateX(218px) } } .line:nth-child(61) { -webkit-transform: rotateY(313deg); transform: rotateY(313deg) } .line:nth-child(61) .spark { -webkit-animation: spark61 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark61 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(61) .fire { -webkit-animation: fire 1751ms -364ms linear infinite; animation: fire 1751ms -364ms linear infinite } @-webkit-keyframes spark61 { 0% { -webkit-transform: translateY(639px); transform: translateY(639px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(281deg) translateX(107px); transform: rotateZ(281deg) translateX(107px) } } @keyframes spark61 { 0% { -webkit-transform: translateY(639px); transform: translateY(639px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(281deg) translateX(107px); transform: rotateZ(281deg) translateX(107px) } } .line:nth-child(62) { -webkit-transform: rotateY(223deg); transform: rotateY(223deg) } .line:nth-child(62) .spark { -webkit-animation: spark62 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark62 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(62) .fire { -webkit-animation: fire 1429ms -778ms linear infinite; animation: fire 1429ms -778ms linear infinite } @-webkit-keyframes spark62 { 0% { -webkit-transform: translateY(576px); transform: translateY(576px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(235deg) translateX(297px); transform: rotateZ(235deg) translateX(297px) } } @keyframes spark62 { 0% { -webkit-transform: translateY(576px); transform: translateY(576px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(235deg) translateX(297px); transform: rotateZ(235deg) translateX(297px) } } .line:nth-child(63) { -webkit-transform: rotateY(282deg); transform: rotateY(282deg) } .line:nth-child(63) .spark { -webkit-animation: spark63 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark63 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(63) .fire { -webkit-animation: fire 1428ms -69ms linear infinite; animation: fire 1428ms -69ms linear infinite } @-webkit-keyframes spark63 { 0% { -webkit-transform: translateY(569px); transform: translateY(569px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(316deg) translateX(105px); transform: rotateZ(316deg) translateX(105px) } } @keyframes spark63 { 0% { -webkit-transform: translateY(569px); transform: translateY(569px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(316deg) translateX(105px); transform: rotateZ(316deg) translateX(105px) } } .line:nth-child(64) { -webkit-transform: rotateY(294deg); transform: rotateY(294deg) } .line:nth-child(64) .spark { -webkit-animation: spark64 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark64 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(64) .fire { -webkit-animation: fire 1443ms -463ms linear infinite; animation: fire 1443ms -463ms linear infinite } @-webkit-keyframes spark64 { 0% { -webkit-transform: translateY(634px); transform: translateY(634px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(301deg) translateX(208px); transform: rotateZ(301deg) translateX(208px) } } @keyframes spark64 { 0% { -webkit-transform: translateY(634px); transform: translateY(634px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(301deg) translateX(208px); transform: rotateZ(301deg) translateX(208px) } } .line:nth-child(65) { -webkit-transform: rotateY(23deg); transform: rotateY(23deg) } .line:nth-child(65) .spark { -webkit-animation: spark65 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark65 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(65) .fire { -webkit-animation: fire 1199ms -992ms linear infinite; animation: fire 1199ms -992ms linear infinite } @-webkit-keyframes spark65 { 0% { -webkit-transform: translateY(566px); transform: translateY(566px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(135deg) translateX(156px); transform: rotateZ(135deg) translateX(156px) } } @keyframes spark65 { 0% { -webkit-transform: translateY(566px); transform: translateY(566px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(135deg) translateX(156px); transform: rotateZ(135deg) translateX(156px) } } .line:nth-child(66) { -webkit-transform: rotateY(263deg); transform: rotateY(263deg) } .line:nth-child(66) .spark { -webkit-animation: spark66 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark66 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(66) .fire { -webkit-animation: fire 1057ms -392ms linear infinite; animation: fire 1057ms -392ms linear infinite } @-webkit-keyframes spark66 { 0% { -webkit-transform: translateY(642px); transform: translateY(642px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(112deg) translateX(238px); transform: rotateZ(112deg) translateX(238px) } } @keyframes spark66 { 0% { -webkit-transform: translateY(642px); transform: translateY(642px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(112deg) translateX(238px); transform: rotateZ(112deg) translateX(238px) } } .line:nth-child(67) { -webkit-transform: rotateY(325deg); transform: rotateY(325deg) } .line:nth-child(67) .spark { -webkit-animation: spark67 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark67 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(67) .fire { -webkit-animation: fire 1725ms -786ms linear infinite; animation: fire 1725ms -786ms linear infinite } @-webkit-keyframes spark67 { 0% { -webkit-transform: translateY(597px); transform: translateY(597px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(85deg) translateX(247px); transform: rotateZ(85deg) translateX(247px) } } @keyframes spark67 { 0% { -webkit-transform: translateY(597px); transform: translateY(597px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(85deg) translateX(247px); transform: rotateZ(85deg) translateX(247px) } } .line:nth-child(68) { -webkit-transform: rotateY(359deg); transform: rotateY(359deg) } .line:nth-child(68) .spark { -webkit-animation: spark68 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark68 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(68) .fire { -webkit-animation: fire 1773ms -821ms linear infinite; animation: fire 1773ms -821ms linear infinite } @-webkit-keyframes spark68 { 0% { -webkit-transform: translateY(627px); transform: translateY(627px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(212deg) translateX(280px); transform: rotateZ(212deg) translateX(280px) } } @keyframes spark68 { 0% { -webkit-transform: translateY(627px); transform: translateY(627px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(212deg) translateX(280px); transform: rotateZ(212deg) translateX(280px) } } .line:nth-child(69) { -webkit-transform: rotateY(288deg); transform: rotateY(288deg) } .line:nth-child(69) .spark { -webkit-animation: spark69 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark69 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(69) .fire { -webkit-animation: fire 1465ms -926ms linear infinite; animation: fire 1465ms -926ms linear infinite } @-webkit-keyframes spark69 { 0% { -webkit-transform: translateY(520px); transform: translateY(520px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(149deg) translateX(257px); transform: rotateZ(149deg) translateX(257px) } } @keyframes spark69 { 0% { -webkit-transform: translateY(520px); transform: translateY(520px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(149deg) translateX(257px); transform: rotateZ(149deg) translateX(257px) } } .line:nth-child(70) { -webkit-transform: rotateY(48deg); transform: rotateY(48deg) } .line:nth-child(70) .spark { -webkit-animation: spark70 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark70 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(70) .fire { -webkit-animation: fire 1438ms -401ms linear infinite; animation: fire 1438ms -401ms linear infinite } @-webkit-keyframes spark70 { 0% { -webkit-transform: translateY(563px); transform: translateY(563px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(287deg) translateX(270px); transform: rotateZ(287deg) translateX(270px) } } @keyframes spark70 { 0% { -webkit-transform: translateY(563px); transform: translateY(563px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(287deg) translateX(270px); transform: rotateZ(287deg) translateX(270px) } } .line:nth-child(71) { -webkit-transform: rotateY(44deg); transform: rotateY(44deg) } .line:nth-child(71) .spark { -webkit-animation: spark71 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark71 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(71) .fire { -webkit-animation: fire 1338ms -971ms linear infinite; animation: fire 1338ms -971ms linear infinite } @-webkit-keyframes spark71 { 0% { -webkit-transform: translateY(642px); transform: translateY(642px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(109deg) translateX(224px); transform: rotateZ(109deg) translateX(224px) } } @keyframes spark71 { 0% { -webkit-transform: translateY(642px); transform: translateY(642px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(109deg) translateX(224px); transform: rotateZ(109deg) translateX(224px) } } .line:nth-child(72) { -webkit-transform: rotateY(167deg); transform: rotateY(167deg) } .line:nth-child(72) .spark { -webkit-animation: spark72 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark72 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(72) .fire { -webkit-animation: fire 1417ms -676ms linear infinite; animation: fire 1417ms -676ms linear infinite } @-webkit-keyframes spark72 { 0% { -webkit-transform: translateY(644px); transform: translateY(644px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(40deg) translateX(209px); transform: rotateZ(40deg) translateX(209px) } } @keyframes spark72 { 0% { -webkit-transform: translateY(644px); transform: translateY(644px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(40deg) translateX(209px); transform: rotateZ(40deg) translateX(209px) } } .line:nth-child(73) { -webkit-transform: rotateY(253deg); transform: rotateY(253deg) } .line:nth-child(73) .spark { -webkit-animation: spark73 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark73 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(73) .fire { -webkit-animation: fire 1170ms -525ms linear infinite; animation: fire 1170ms -525ms linear infinite } @-webkit-keyframes spark73 { 0% { -webkit-transform: translateY(545px); transform: translateY(545px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(142deg) translateX(295px); transform: rotateZ(142deg) translateX(295px) } } @keyframes spark73 { 0% { -webkit-transform: translateY(545px); transform: translateY(545px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(142deg) translateX(295px); transform: rotateZ(142deg) translateX(295px) } } .line:nth-child(74) { -webkit-transform: rotateY(277deg); transform: rotateY(277deg) } .line:nth-child(74) .spark { -webkit-animation: spark74 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark74 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(74) .fire { -webkit-animation: fire 1479ms -860ms linear infinite; animation: fire 1479ms -860ms linear infinite } @-webkit-keyframes spark74 { 0% { -webkit-transform: translateY(616px); transform: translateY(616px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(306deg) translateX(184px); transform: rotateZ(306deg) translateX(184px) } } @keyframes spark74 { 0% { -webkit-transform: translateY(616px); transform: translateY(616px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(306deg) translateX(184px); transform: rotateZ(306deg) translateX(184px) } } .line:nth-child(75) { -webkit-transform: rotateY(54deg); transform: rotateY(54deg) } .line:nth-child(75) .spark { -webkit-animation: spark75 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark75 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(75) .fire { -webkit-animation: fire 1549ms -432ms linear infinite; animation: fire 1549ms -432ms linear infinite } @-webkit-keyframes spark75 { 0% { -webkit-transform: translateY(519px); transform: translateY(519px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(329deg) translateX(293px); transform: rotateZ(329deg) translateX(293px) } } @keyframes spark75 { 0% { -webkit-transform: translateY(519px); transform: translateY(519px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(329deg) translateX(293px); transform: rotateZ(329deg) translateX(293px) } } .line:nth-child(76) { -webkit-transform: rotateY(326deg); transform: rotateY(326deg) } .line:nth-child(76) .spark { -webkit-animation: spark76 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark76 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(76) .fire { -webkit-animation: fire 1851ms -300ms linear infinite; animation: fire 1851ms -300ms linear infinite } @-webkit-keyframes spark76 { 0% { -webkit-transform: translateY(622px); transform: translateY(622px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(219deg) translateX(215px); transform: rotateZ(219deg) translateX(215px) } } @keyframes spark76 { 0% { -webkit-transform: translateY(622px); transform: translateY(622px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(219deg) translateX(215px); transform: rotateZ(219deg) translateX(215px) } } .line:nth-child(77) { -webkit-transform: rotateY(44deg); transform: rotateY(44deg) } .line:nth-child(77) .spark { -webkit-animation: spark77 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark77 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(77) .fire { -webkit-animation: fire 1394ms -86ms linear infinite; animation: fire 1394ms -86ms linear infinite } @-webkit-keyframes spark77 { 0% { -webkit-transform: translateY(543px); transform: translateY(543px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(323deg) translateX(229px); transform: rotateZ(323deg) translateX(229px) } } @keyframes spark77 { 0% { -webkit-transform: translateY(543px); transform: translateY(543px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(323deg) translateX(229px); transform: rotateZ(323deg) translateX(229px) } } .line:nth-child(78) { -webkit-transform: rotateY(190deg); transform: rotateY(190deg) } .line:nth-child(78) .spark { -webkit-animation: spark78 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark78 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(78) .fire { -webkit-animation: fire 1496ms -217ms linear infinite; animation: fire 1496ms -217ms linear infinite } @-webkit-keyframes spark78 { 0% { -webkit-transform: translateY(588px); transform: translateY(588px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(190deg) translateX(137px); transform: rotateZ(190deg) translateX(137px) } } @keyframes spark78 { 0% { -webkit-transform: translateY(588px); transform: translateY(588px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(190deg) translateX(137px); transform: rotateZ(190deg) translateX(137px) } } .line:nth-child(79) { -webkit-transform: rotateY(80deg); transform: rotateY(80deg) } .line:nth-child(79) .spark { -webkit-animation: spark79 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark79 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(79) .fire { -webkit-animation: fire 1528ms -530ms linear infinite; animation: fire 1528ms -530ms linear infinite } @-webkit-keyframes spark79 { 0% { -webkit-transform: translateY(633px); transform: translateY(633px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(331deg) translateX(194px); transform: rotateZ(331deg) translateX(194px) } } @keyframes spark79 { 0% { -webkit-transform: translateY(633px); transform: translateY(633px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(331deg) translateX(194px); transform: rotateZ(331deg) translateX(194px) } } .line:nth-child(80) { -webkit-transform: rotateY(145deg); transform: rotateY(145deg) } .line:nth-child(80) .spark { -webkit-animation: spark80 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark80 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(80) .fire { -webkit-animation: fire 1533ms -487ms linear infinite; animation: fire 1533ms -487ms linear infinite } @-webkit-keyframes spark80 { 0% { -webkit-transform: translateY(609px); transform: translateY(609px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(102deg) translateX(210px); transform: rotateZ(102deg) translateX(210px) } } @keyframes spark80 { 0% { -webkit-transform: translateY(609px); transform: translateY(609px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(102deg) translateX(210px); transform: rotateZ(102deg) translateX(210px) } } .line:nth-child(81) { -webkit-transform: rotateY(292deg); transform: rotateY(292deg) } .line:nth-child(81) .spark { -webkit-animation: spark81 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark81 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(81) .fire { -webkit-animation: fire 1195ms -830ms linear infinite; animation: fire 1195ms -830ms linear infinite } @-webkit-keyframes spark81 { 0% { -webkit-transform: translateY(515px); transform: translateY(515px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(282deg) translateX(104px); transform: rotateZ(282deg) translateX(104px) } } @keyframes spark81 { 0% { -webkit-transform: translateY(515px); transform: translateY(515px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(282deg) translateX(104px); transform: rotateZ(282deg) translateX(104px) } } .line:nth-child(82) { -webkit-transform: rotateY(108deg); transform: rotateY(108deg) } .line:nth-child(82) .spark { -webkit-animation: spark82 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark82 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(82) .fire { -webkit-animation: fire 1285ms -304ms linear infinite; animation: fire 1285ms -304ms linear infinite } @-webkit-keyframes spark82 { 0% { -webkit-transform: translateY(601px); transform: translateY(601px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(272deg) translateX(127px); transform: rotateZ(272deg) translateX(127px) } } @keyframes spark82 { 0% { -webkit-transform: translateY(601px); transform: translateY(601px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(272deg) translateX(127px); transform: rotateZ(272deg) translateX(127px) } } .line:nth-child(83) { -webkit-transform: rotateY(67deg); transform: rotateY(67deg) } .line:nth-child(83) .spark { -webkit-animation: spark83 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark83 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(83) .fire { -webkit-animation: fire 1240ms -590ms linear infinite; animation: fire 1240ms -590ms linear infinite } @-webkit-keyframes spark83 { 0% { -webkit-transform: translateY(580px); transform: translateY(580px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(256deg) translateX(159px); transform: rotateZ(256deg) translateX(159px) } } @keyframes spark83 { 0% { -webkit-transform: translateY(580px); transform: translateY(580px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(256deg) translateX(159px); transform: rotateZ(256deg) translateX(159px) } } .line:nth-child(84) { -webkit-transform: rotateY(126deg); transform: rotateY(126deg) } .line:nth-child(84) .spark { -webkit-animation: spark84 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark84 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(84) .fire { -webkit-animation: fire 1887ms -452ms linear infinite; animation: fire 1887ms -452ms linear infinite } @-webkit-keyframes spark84 { 0% { -webkit-transform: translateY(508px); transform: translateY(508px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(239deg) translateX(300px); transform: rotateZ(239deg) translateX(300px) } } @keyframes spark84 { 0% { -webkit-transform: translateY(508px); transform: translateY(508px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(239deg) translateX(300px); transform: rotateZ(239deg) translateX(300px) } } .line:nth-child(85) { -webkit-transform: rotateY(47deg); transform: rotateY(47deg) } .line:nth-child(85) .spark { -webkit-animation: spark85 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark85 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(85) .fire { -webkit-animation: fire 1896ms -760ms linear infinite; animation: fire 1896ms -760ms linear infinite } @-webkit-keyframes spark85 { 0% { -webkit-transform: translateY(637px); transform: translateY(637px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(81deg) translateX(251px); transform: rotateZ(81deg) translateX(251px) } } @keyframes spark85 { 0% { -webkit-transform: translateY(637px); transform: translateY(637px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(81deg) translateX(251px); transform: rotateZ(81deg) translateX(251px) } } .line:nth-child(86) { -webkit-transform: rotateY(173deg); transform: rotateY(173deg) } .line:nth-child(86) .spark { -webkit-animation: spark86 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark86 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(86) .fire { -webkit-animation: fire 1175ms -551ms linear infinite; animation: fire 1175ms -551ms linear infinite } @-webkit-keyframes spark86 { 0% { -webkit-transform: translateY(648px); transform: translateY(648px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(25deg) translateX(281px); transform: rotateZ(25deg) translateX(281px) } } @keyframes spark86 { 0% { -webkit-transform: translateY(648px); transform: translateY(648px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(25deg) translateX(281px); transform: rotateZ(25deg) translateX(281px) } } .line:nth-child(87) { -webkit-transform: rotateY(166deg); transform: rotateY(166deg) } .line:nth-child(87) .spark { -webkit-animation: spark87 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark87 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(87) .fire { -webkit-animation: fire 1564ms -36ms linear infinite; animation: fire 1564ms -36ms linear infinite } @-webkit-keyframes spark87 { 0% { -webkit-transform: translateY(615px); transform: translateY(615px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(84deg) translateX(245px); transform: rotateZ(84deg) translateX(245px) } } @keyframes spark87 { 0% { -webkit-transform: translateY(615px); transform: translateY(615px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(84deg) translateX(245px); transform: rotateZ(84deg) translateX(245px) } } .line:nth-child(88) { -webkit-transform: rotateY(178deg); transform: rotateY(178deg) } .line:nth-child(88) .spark { -webkit-animation: spark88 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark88 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(88) .fire { -webkit-animation: fire 1194ms -993ms linear infinite; animation: fire 1194ms -993ms linear infinite } @-webkit-keyframes spark88 { 0% { -webkit-transform: translateY(537px); transform: translateY(537px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(313deg) translateX(146px); transform: rotateZ(313deg) translateX(146px) } } @keyframes spark88 { 0% { -webkit-transform: translateY(537px); transform: translateY(537px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(313deg) translateX(146px); transform: rotateZ(313deg) translateX(146px) } } .line:nth-child(89) { -webkit-transform: rotateY(169deg); transform: rotateY(169deg) } .line:nth-child(89) .spark { -webkit-animation: spark89 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark89 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(89) .fire { -webkit-animation: fire 1989ms -267ms linear infinite; animation: fire 1989ms -267ms linear infinite } @-webkit-keyframes spark89 { 0% { -webkit-transform: translateY(503px); transform: translateY(503px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(352deg) translateX(267px); transform: rotateZ(352deg) translateX(267px) } } @keyframes spark89 { 0% { -webkit-transform: translateY(503px); transform: translateY(503px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(352deg) translateX(267px); transform: rotateZ(352deg) translateX(267px) } } .line:nth-child(90) { -webkit-transform: rotateY(2deg); transform: rotateY(2deg) } .line:nth-child(90) .spark { -webkit-animation: spark90 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark90 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(90) .fire { -webkit-animation: fire 1857ms -249ms linear infinite; animation: fire 1857ms -249ms linear infinite } @-webkit-keyframes spark90 { 0% { -webkit-transform: translateY(632px); transform: translateY(632px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(64deg) translateX(209px); transform: rotateZ(64deg) translateX(209px) } } @keyframes spark90 { 0% { -webkit-transform: translateY(632px); transform: translateY(632px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(64deg) translateX(209px); transform: rotateZ(64deg) translateX(209px) } } .line:nth-child(91) { -webkit-transform: rotateY(298deg); transform: rotateY(298deg) } .line:nth-child(91) .spark { -webkit-animation: spark91 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark91 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(91) .fire { -webkit-animation: fire 1599ms -145ms linear infinite; animation: fire 1599ms -145ms linear infinite } @-webkit-keyframes spark91 { 0% { -webkit-transform: translateY(514px); transform: translateY(514px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(100deg) translateX(218px); transform: rotateZ(100deg) translateX(218px) } } @keyframes spark91 { 0% { -webkit-transform: translateY(514px); transform: translateY(514px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(100deg) translateX(218px); transform: rotateZ(100deg) translateX(218px) } } .line:nth-child(92) { -webkit-transform: rotateY(297deg); transform: rotateY(297deg) } .line:nth-child(92) .spark { -webkit-animation: spark92 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark92 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(92) .fire { -webkit-animation: fire 1048ms -53ms linear infinite; animation: fire 1048ms -53ms linear infinite } @-webkit-keyframes spark92 { 0% { -webkit-transform: translateY(645px); transform: translateY(645px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(138deg) translateX(268px); transform: rotateZ(138deg) translateX(268px) } } @keyframes spark92 { 0% { -webkit-transform: translateY(645px); transform: translateY(645px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(138deg) translateX(268px); transform: rotateZ(138deg) translateX(268px) } } .line:nth-child(93) { -webkit-transform: rotateY(176deg); transform: rotateY(176deg) } .line:nth-child(93) .spark { -webkit-animation: spark93 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark93 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(93) .fire { -webkit-animation: fire 1853ms -72ms linear infinite; animation: fire 1853ms -72ms linear infinite } @-webkit-keyframes spark93 { 0% { -webkit-transform: translateY(543px); transform: translateY(543px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(126deg) translateX(252px); transform: rotateZ(126deg) translateX(252px) } } @keyframes spark93 { 0% { -webkit-transform: translateY(543px); transform: translateY(543px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(126deg) translateX(252px); transform: rotateZ(126deg) translateX(252px) } } .line:nth-child(94) { -webkit-transform: rotateY(349deg); transform: rotateY(349deg) } .line:nth-child(94) .spark { -webkit-animation: spark94 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark94 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(94) .fire { -webkit-animation: fire 1366ms -615ms linear infinite; animation: fire 1366ms -615ms linear infinite } @-webkit-keyframes spark94 { 0% { -webkit-transform: translateY(505px); transform: translateY(505px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(73deg) translateX(273px); transform: rotateZ(73deg) translateX(273px) } } @keyframes spark94 { 0% { -webkit-transform: translateY(505px); transform: translateY(505px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(73deg) translateX(273px); transform: rotateZ(73deg) translateX(273px) } } .line:nth-child(95) { -webkit-transform: rotateY(278deg); transform: rotateY(278deg) } .line:nth-child(95) .spark { -webkit-animation: spark95 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark95 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(95) .fire { -webkit-animation: fire 1518ms -688ms linear infinite; animation: fire 1518ms -688ms linear infinite } @-webkit-keyframes spark95 { 0% { -webkit-transform: translateY(529px); transform: translateY(529px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(185deg) translateX(279px); transform: rotateZ(185deg) translateX(279px) } } @keyframes spark95 { 0% { -webkit-transform: translateY(529px); transform: translateY(529px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(185deg) translateX(279px); transform: rotateZ(185deg) translateX(279px) } } .line:nth-child(96) { -webkit-transform: rotateY(309deg); transform: rotateY(309deg) } .line:nth-child(96) .spark { -webkit-animation: spark96 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark96 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(96) .fire { -webkit-animation: fire 1265ms -639ms linear infinite; animation: fire 1265ms -639ms linear infinite } @-webkit-keyframes spark96 { 0% { -webkit-transform: translateY(567px); transform: translateY(567px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(277deg) translateX(167px); transform: rotateZ(277deg) translateX(167px) } } @keyframes spark96 { 0% { -webkit-transform: translateY(567px); transform: translateY(567px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(277deg) translateX(167px); transform: rotateZ(277deg) translateX(167px) } } .line:nth-child(97) { -webkit-transform: rotateY(167deg); transform: rotateY(167deg) } .line:nth-child(97) .spark { -webkit-animation: spark97 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark97 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(97) .fire { -webkit-animation: fire 1094ms -237ms linear infinite; animation: fire 1094ms -237ms linear infinite } @-webkit-keyframes spark97 { 0% { -webkit-transform: translateY(526px); transform: translateY(526px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(325deg) translateX(252px); transform: rotateZ(325deg) translateX(252px) } } @keyframes spark97 { 0% { -webkit-transform: translateY(526px); transform: translateY(526px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(325deg) translateX(252px); transform: rotateZ(325deg) translateX(252px) } } .line:nth-child(98) { -webkit-transform: rotateY(342deg); transform: rotateY(342deg) } .line:nth-child(98) .spark { -webkit-animation: spark98 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark98 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(98) .fire { -webkit-animation: fire 1332ms -252ms linear infinite; animation: fire 1332ms -252ms linear infinite } @-webkit-keyframes spark98 { 0% { -webkit-transform: translateY(506px); transform: translateY(506px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(197deg) translateX(236px); transform: rotateZ(197deg) translateX(236px) } } @keyframes spark98 { 0% { -webkit-transform: translateY(506px); transform: translateY(506px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(197deg) translateX(236px); transform: rotateZ(197deg) translateX(236px) } } .line:nth-child(99) { -webkit-transform: rotateY(123deg); transform: rotateY(123deg) } .line:nth-child(99) .spark { -webkit-animation: spark99 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark99 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(99) .fire { -webkit-animation: fire 1812ms -664ms linear infinite; animation: fire 1812ms -664ms linear infinite } @-webkit-keyframes spark99 { 0% { -webkit-transform: translateY(548px); transform: translateY(548px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(333deg) translateX(213px); transform: rotateZ(333deg) translateX(213px) } } @keyframes spark99 { 0% { -webkit-transform: translateY(548px); transform: translateY(548px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(333deg) translateX(213px); transform: rotateZ(333deg) translateX(213px) } } .line:nth-child(100) { -webkit-transform: rotateY(236deg); transform: rotateY(236deg) } .line:nth-child(100) .spark { -webkit-animation: spark100 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark100 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(100) .fire { -webkit-animation: fire 1956ms -350ms linear infinite; animation: fire 1956ms -350ms linear infinite } @-webkit-keyframes spark100 { 0% { -webkit-transform: translateY(555px); transform: translateY(555px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(79deg) translateX(197px); transform: rotateZ(79deg) translateX(197px) } } @keyframes spark100 { 0% { -webkit-transform: translateY(555px); transform: translateY(555px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(79deg) translateX(197px); transform: rotateZ(79deg) translateX(197px) } } .line:nth-child(101) { -webkit-transform: rotateY(354deg); transform: rotateY(354deg) } .line:nth-child(101) .spark { -webkit-animation: spark101 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark101 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(101) .fire { -webkit-animation: fire 1787ms -29ms linear infinite; animation: fire 1787ms -29ms linear infinite } @-webkit-keyframes spark101 { 0% { -webkit-transform: translateY(510px); transform: translateY(510px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(190deg) translateX(201px); transform: rotateZ(190deg) translateX(201px) } } @keyframes spark101 { 0% { -webkit-transform: translateY(510px); transform: translateY(510px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(190deg) translateX(201px); transform: rotateZ(190deg) translateX(201px) } } .line:nth-child(102) { -webkit-transform: rotateY(275deg); transform: rotateY(275deg) } .line:nth-child(102) .spark { -webkit-animation: spark102 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark102 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(102) .fire { -webkit-animation: fire 1748ms -151ms linear infinite; animation: fire 1748ms -151ms linear infinite } @-webkit-keyframes spark102 { 0% { -webkit-transform: translateY(521px); transform: translateY(521px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(126deg) translateX(258px); transform: rotateZ(126deg) translateX(258px) } } @keyframes spark102 { 0% { -webkit-transform: translateY(521px); transform: translateY(521px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(126deg) translateX(258px); transform: rotateZ(126deg) translateX(258px) } } .line:nth-child(103) { -webkit-transform: rotateY(59deg); transform: rotateY(59deg) } .line:nth-child(103) .spark { -webkit-animation: spark103 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark103 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(103) .fire { -webkit-animation: fire 1110ms -533ms linear infinite; animation: fire 1110ms -533ms linear infinite } @-webkit-keyframes spark103 { 0% { -webkit-transform: translateY(528px); transform: translateY(528px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(188deg) translateX(112px); transform: rotateZ(188deg) translateX(112px) } } @keyframes spark103 { 0% { -webkit-transform: translateY(528px); transform: translateY(528px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(188deg) translateX(112px); transform: rotateZ(188deg) translateX(112px) } } .line:nth-child(104) { -webkit-transform: rotateY(64deg); transform: rotateY(64deg) } .line:nth-child(104) .spark { -webkit-animation: spark104 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark104 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(104) .fire { -webkit-animation: fire 1487ms -255ms linear infinite; animation: fire 1487ms -255ms linear infinite } @-webkit-keyframes spark104 { 0% { -webkit-transform: translateY(597px); transform: translateY(597px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(217deg) translateX(230px); transform: rotateZ(217deg) translateX(230px) } } @keyframes spark104 { 0% { -webkit-transform: translateY(597px); transform: translateY(597px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(217deg) translateX(230px); transform: rotateZ(217deg) translateX(230px) } } .line:nth-child(105) { -webkit-transform: rotateY(74deg); transform: rotateY(74deg) } .line:nth-child(105) .spark { -webkit-animation: spark105 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark105 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(105) .fire { -webkit-animation: fire 1630ms -35ms linear infinite; animation: fire 1630ms -35ms linear infinite } @-webkit-keyframes spark105 { 0% { -webkit-transform: translateY(600px); transform: translateY(600px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(251deg) translateX(153px); transform: rotateZ(251deg) translateX(153px) } } @keyframes spark105 { 0% { -webkit-transform: translateY(600px); transform: translateY(600px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(251deg) translateX(153px); transform: rotateZ(251deg) translateX(153px) } } .line:nth-child(106) { -webkit-transform: rotateY(174deg); transform: rotateY(174deg) } .line:nth-child(106) .spark { -webkit-animation: spark106 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark106 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(106) .fire { -webkit-animation: fire 1177ms -369ms linear infinite; animation: fire 1177ms -369ms linear infinite } @-webkit-keyframes spark106 { 0% { -webkit-transform: translateY(564px); transform: translateY(564px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(15deg) translateX(189px); transform: rotateZ(15deg) translateX(189px) } } @keyframes spark106 { 0% { -webkit-transform: translateY(564px); transform: translateY(564px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(15deg) translateX(189px); transform: rotateZ(15deg) translateX(189px) } } .line:nth-child(107) { -webkit-transform: rotateY(320deg); transform: rotateY(320deg) } .line:nth-child(107) .spark { -webkit-animation: spark107 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark107 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(107) .fire { -webkit-animation: fire 1565ms -644ms linear infinite; animation: fire 1565ms -644ms linear infinite } @-webkit-keyframes spark107 { 0% { -webkit-transform: translateY(577px); transform: translateY(577px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(186deg) translateX(267px); transform: rotateZ(186deg) translateX(267px) } } @keyframes spark107 { 0% { -webkit-transform: translateY(577px); transform: translateY(577px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(186deg) translateX(267px); transform: rotateZ(186deg) translateX(267px) } } .line:nth-child(108) { -webkit-transform: rotateY(5deg); transform: rotateY(5deg) } .line:nth-child(108) .spark { -webkit-animation: spark108 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark108 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(108) .fire { -webkit-animation: fire 1033ms -952ms linear infinite; animation: fire 1033ms -952ms linear infinite } @-webkit-keyframes spark108 { 0% { -webkit-transform: translateY(518px); transform: translateY(518px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(151deg) translateX(200px); transform: rotateZ(151deg) translateX(200px) } } @keyframes spark108 { 0% { -webkit-transform: translateY(518px); transform: translateY(518px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(151deg) translateX(200px); transform: rotateZ(151deg) translateX(200px) } } .line:nth-child(109) { -webkit-transform: rotateY(324deg); transform: rotateY(324deg) } .line:nth-child(109) .spark { -webkit-animation: spark109 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark109 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(109) .fire { -webkit-animation: fire 1368ms -806ms linear infinite; animation: fire 1368ms -806ms linear infinite } @-webkit-keyframes spark109 { 0% { -webkit-transform: translateY(522px); transform: translateY(522px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(218deg) translateX(141px); transform: rotateZ(218deg) translateX(141px) } } @keyframes spark109 { 0% { -webkit-transform: translateY(522px); transform: translateY(522px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(218deg) translateX(141px); transform: rotateZ(218deg) translateX(141px) } } .line:nth-child(110) { -webkit-transform: rotateY(298deg); transform: rotateY(298deg) } .line:nth-child(110) .spark { -webkit-animation: spark110 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark110 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(110) .fire { -webkit-animation: fire 1109ms -974ms linear infinite; animation: fire 1109ms -974ms linear infinite } @-webkit-keyframes spark110 { 0% { -webkit-transform: translateY(581px); transform: translateY(581px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(266deg) translateX(150px); transform: rotateZ(266deg) translateX(150px) } } @keyframes spark110 { 0% { -webkit-transform: translateY(581px); transform: translateY(581px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(266deg) translateX(150px); transform: rotateZ(266deg) translateX(150px) } } .line:nth-child(111) { -webkit-transform: rotateY(241deg); transform: rotateY(241deg) } .line:nth-child(111) .spark { -webkit-animation: spark111 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark111 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(111) .fire { -webkit-animation: fire 1178ms -767ms linear infinite; animation: fire 1178ms -767ms linear infinite } @-webkit-keyframes spark111 { 0% { -webkit-transform: translateY(611px); transform: translateY(611px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(137deg) translateX(107px); transform: rotateZ(137deg) translateX(107px) } } @keyframes spark111 { 0% { -webkit-transform: translateY(611px); transform: translateY(611px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(137deg) translateX(107px); transform: rotateZ(137deg) translateX(107px) } } .line:nth-child(112) { -webkit-transform: rotateY(329deg); transform: rotateY(329deg) } .line:nth-child(112) .spark { -webkit-animation: spark112 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark112 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(112) .fire { -webkit-animation: fire 1173ms -817ms linear infinite; animation: fire 1173ms -817ms linear infinite } @-webkit-keyframes spark112 { 0% { -webkit-transform: translateY(647px); transform: translateY(647px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(211deg) translateX(165px); transform: rotateZ(211deg) translateX(165px) } } @keyframes spark112 { 0% { -webkit-transform: translateY(647px); transform: translateY(647px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(211deg) translateX(165px); transform: rotateZ(211deg) translateX(165px) } } .line:nth-child(113) { -webkit-transform: rotateY(202deg); transform: rotateY(202deg) } .line:nth-child(113) .spark { -webkit-animation: spark113 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark113 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(113) .fire { -webkit-animation: fire 1338ms -153ms linear infinite; animation: fire 1338ms -153ms linear infinite } @-webkit-keyframes spark113 { 0% { -webkit-transform: translateY(563px); transform: translateY(563px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(283deg) translateX(255px); transform: rotateZ(283deg) translateX(255px) } } @keyframes spark113 { 0% { -webkit-transform: translateY(563px); transform: translateY(563px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(283deg) translateX(255px); transform: rotateZ(283deg) translateX(255px) } } .line:nth-child(114) { -webkit-transform: rotateY(226deg); transform: rotateY(226deg) } .line:nth-child(114) .spark { -webkit-animation: spark114 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark114 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(114) .fire { -webkit-animation: fire 1630ms -669ms linear infinite; animation: fire 1630ms -669ms linear infinite } @-webkit-keyframes spark114 { 0% { -webkit-transform: translateY(573px); transform: translateY(573px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(347deg) translateX(223px); transform: rotateZ(347deg) translateX(223px) } } @keyframes spark114 { 0% { -webkit-transform: translateY(573px); transform: translateY(573px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(347deg) translateX(223px); transform: rotateZ(347deg) translateX(223px) } } .line:nth-child(115) { -webkit-transform: rotateY(216deg); transform: rotateY(216deg) } .line:nth-child(115) .spark { -webkit-animation: spark115 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark115 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(115) .fire { -webkit-animation: fire 1436ms -97ms linear infinite; animation: fire 1436ms -97ms linear infinite } @-webkit-keyframes spark115 { 0% { -webkit-transform: translateY(508px); transform: translateY(508px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(103deg) translateX(157px); transform: rotateZ(103deg) translateX(157px) } } @keyframes spark115 { 0% { -webkit-transform: translateY(508px); transform: translateY(508px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(103deg) translateX(157px); transform: rotateZ(103deg) translateX(157px) } } .line:nth-child(116) { -webkit-transform: rotateY(284deg); transform: rotateY(284deg) } .line:nth-child(116) .spark { -webkit-animation: spark116 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark116 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(116) .fire { -webkit-animation: fire 1806ms -153ms linear infinite; animation: fire 1806ms -153ms linear infinite } @-webkit-keyframes spark116 { 0% { -webkit-transform: translateY(575px); transform: translateY(575px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(67deg) translateX(240px); transform: rotateZ(67deg) translateX(240px) } } @keyframes spark116 { 0% { -webkit-transform: translateY(575px); transform: translateY(575px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(67deg) translateX(240px); transform: rotateZ(67deg) translateX(240px) } } .line:nth-child(117) { -webkit-transform: rotateY(64deg); transform: rotateY(64deg) } .line:nth-child(117) .spark { -webkit-animation: spark117 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark117 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(117) .fire { -webkit-animation: fire 1154ms -551ms linear infinite; animation: fire 1154ms -551ms linear infinite } @-webkit-keyframes spark117 { 0% { -webkit-transform: translateY(535px); transform: translateY(535px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(49deg) translateX(292px); transform: rotateZ(49deg) translateX(292px) } } @keyframes spark117 { 0% { -webkit-transform: translateY(535px); transform: translateY(535px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(49deg) translateX(292px); transform: rotateZ(49deg) translateX(292px) } } .line:nth-child(118) { -webkit-transform: rotateY(253deg); transform: rotateY(253deg) } .line:nth-child(118) .spark { -webkit-animation: spark118 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark118 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(118) .fire { -webkit-animation: fire 1910ms -115ms linear infinite; animation: fire 1910ms -115ms linear infinite } @-webkit-keyframes spark118 { 0% { -webkit-transform: translateY(558px); transform: translateY(558px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(203deg) translateX(126px); transform: rotateZ(203deg) translateX(126px) } } @keyframes spark118 { 0% { -webkit-transform: translateY(558px); transform: translateY(558px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(203deg) translateX(126px); transform: rotateZ(203deg) translateX(126px) } } .line:nth-child(119) { -webkit-transform: rotateY(169deg); transform: rotateY(169deg) } .line:nth-child(119) .spark { -webkit-animation: spark119 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark119 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(119) .fire { -webkit-animation: fire 1308ms -69ms linear infinite; animation: fire 1308ms -69ms linear infinite } @-webkit-keyframes spark119 { 0% { -webkit-transform: translateY(608px); transform: translateY(608px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(3deg) translateX(138px); transform: rotateZ(3deg) translateX(138px) } } @keyframes spark119 { 0% { -webkit-transform: translateY(608px); transform: translateY(608px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(3deg) translateX(138px); transform: rotateZ(3deg) translateX(138px) } } .line:nth-child(120) { -webkit-transform: rotateY(195deg); transform: rotateY(195deg) } .line:nth-child(120) .spark { -webkit-animation: spark120 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark120 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(120) .fire { -webkit-animation: fire 1827ms -536ms linear infinite; animation: fire 1827ms -536ms linear infinite } @-webkit-keyframes spark120 { 0% { -webkit-transform: translateY(604px); transform: translateY(604px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(24deg) translateX(127px); transform: rotateZ(24deg) translateX(127px) } } @keyframes spark120 { 0% { -webkit-transform: translateY(604px); transform: translateY(604px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(24deg) translateX(127px); transform: rotateZ(24deg) translateX(127px) } } .line:nth-child(121) { -webkit-transform: rotateY(154deg); transform: rotateY(154deg) } .line:nth-child(121) .spark { -webkit-animation: spark121 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark121 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(121) .fire { -webkit-animation: fire 1659ms -158ms linear infinite; animation: fire 1659ms -158ms linear infinite } @-webkit-keyframes spark121 { 0% { -webkit-transform: translateY(525px); transform: translateY(525px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(168deg) translateX(220px); transform: rotateZ(168deg) translateX(220px) } } @keyframes spark121 { 0% { -webkit-transform: translateY(525px); transform: translateY(525px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(168deg) translateX(220px); transform: rotateZ(168deg) translateX(220px) } } .line:nth-child(122) { -webkit-transform: rotateY(130deg); transform: rotateY(130deg) } .line:nth-child(122) .spark { -webkit-animation: spark122 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark122 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(122) .fire { -webkit-animation: fire 1186ms -998ms linear infinite; animation: fire 1186ms -998ms linear infinite } @-webkit-keyframes spark122 { 0% { -webkit-transform: translateY(618px); transform: translateY(618px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(120deg) translateX(128px); transform: rotateZ(120deg) translateX(128px) } } @keyframes spark122 { 0% { -webkit-transform: translateY(618px); transform: translateY(618px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(120deg) translateX(128px); transform: rotateZ(120deg) translateX(128px) } } .line:nth-child(123) { -webkit-transform: rotateY(87deg); transform: rotateY(87deg) } .line:nth-child(123) .spark { -webkit-animation: spark123 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark123 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(123) .fire { -webkit-animation: fire 1716ms -921ms linear infinite; animation: fire 1716ms -921ms linear infinite } @-webkit-keyframes spark123 { 0% { -webkit-transform: translateY(601px); transform: translateY(601px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(260deg) translateX(255px); transform: rotateZ(260deg) translateX(255px) } } @keyframes spark123 { 0% { -webkit-transform: translateY(601px); transform: translateY(601px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(260deg) translateX(255px); transform: rotateZ(260deg) translateX(255px) } } .line:nth-child(124) { -webkit-transform: rotateY(252deg); transform: rotateY(252deg) } .line:nth-child(124) .spark { -webkit-animation: spark124 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark124 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(124) .fire { -webkit-animation: fire 1579ms -879ms linear infinite; animation: fire 1579ms -879ms linear infinite } @-webkit-keyframes spark124 { 0% { -webkit-transform: translateY(622px); transform: translateY(622px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(108deg) translateX(182px); transform: rotateZ(108deg) translateX(182px) } } @keyframes spark124 { 0% { -webkit-transform: translateY(622px); transform: translateY(622px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(108deg) translateX(182px); transform: rotateZ(108deg) translateX(182px) } } .line:nth-child(125) { -webkit-transform: rotateY(135deg); transform: rotateY(135deg) } .line:nth-child(125) .spark { -webkit-animation: spark125 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark125 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(125) .fire { -webkit-animation: fire 1027ms -848ms linear infinite; animation: fire 1027ms -848ms linear infinite } @-webkit-keyframes spark125 { 0% { -webkit-transform: translateY(643px); transform: translateY(643px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(149deg) translateX(298px); transform: rotateZ(149deg) translateX(298px) } } @keyframes spark125 { 0% { -webkit-transform: translateY(643px); transform: translateY(643px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(149deg) translateX(298px); transform: rotateZ(149deg) translateX(298px) } } .line:nth-child(126) { -webkit-transform: rotateY(219deg); transform: rotateY(219deg) } .line:nth-child(126) .spark { -webkit-animation: spark126 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark126 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(126) .fire { -webkit-animation: fire 1828ms -813ms linear infinite; animation: fire 1828ms -813ms linear infinite } @-webkit-keyframes spark126 { 0% { -webkit-transform: translateY(647px); transform: translateY(647px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(72deg) translateX(277px); transform: rotateZ(72deg) translateX(277px) } } @keyframes spark126 { 0% { -webkit-transform: translateY(647px); transform: translateY(647px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(72deg) translateX(277px); transform: rotateZ(72deg) translateX(277px) } } .line:nth-child(127) { -webkit-transform: rotateY(204deg); transform: rotateY(204deg) } .line:nth-child(127) .spark { -webkit-animation: spark127 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark127 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(127) .fire { -webkit-animation: fire 1332ms -965ms linear infinite; animation: fire 1332ms -965ms linear infinite } @-webkit-keyframes spark127 { 0% { -webkit-transform: translateY(515px); transform: translateY(515px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(83deg) translateX(125px); transform: rotateZ(83deg) translateX(125px) } } @keyframes spark127 { 0% { -webkit-transform: translateY(515px); transform: translateY(515px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(83deg) translateX(125px); transform: rotateZ(83deg) translateX(125px) } } .line:nth-child(128) { -webkit-transform: rotateY(16deg); transform: rotateY(16deg) } .line:nth-child(128) .spark { -webkit-animation: spark128 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark128 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(128) .fire { -webkit-animation: fire 1326ms -178ms linear infinite; animation: fire 1326ms -178ms linear infinite } @-webkit-keyframes spark128 { 0% { -webkit-transform: translateY(567px); transform: translateY(567px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(104deg) translateX(222px); transform: rotateZ(104deg) translateX(222px) } } @keyframes spark128 { 0% { -webkit-transform: translateY(567px); transform: translateY(567px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(104deg) translateX(222px); transform: rotateZ(104deg) translateX(222px) } } .line:nth-child(129) { -webkit-transform: rotateY(100deg); transform: rotateY(100deg) } .line:nth-child(129) .spark { -webkit-animation: spark129 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark129 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(129) .fire { -webkit-animation: fire 1085ms -443ms linear infinite; animation: fire 1085ms -443ms linear infinite } @-webkit-keyframes spark129 { 0% { -webkit-transform: translateY(623px); transform: translateY(623px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(24deg) translateX(161px); transform: rotateZ(24deg) translateX(161px) } } @keyframes spark129 { 0% { -webkit-transform: translateY(623px); transform: translateY(623px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(24deg) translateX(161px); transform: rotateZ(24deg) translateX(161px) } } .line:nth-child(130) { -webkit-transform: rotateY(242deg); transform: rotateY(242deg) } .line:nth-child(130) .spark { -webkit-animation: spark130 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark130 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(130) .fire { -webkit-animation: fire 1165ms -974ms linear infinite; animation: fire 1165ms -974ms linear infinite } @-webkit-keyframes spark130 { 0% { -webkit-transform: translateY(604px); transform: translateY(604px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(160deg) translateX(192px); transform: rotateZ(160deg) translateX(192px) } } @keyframes spark130 { 0% { -webkit-transform: translateY(604px); transform: translateY(604px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(160deg) translateX(192px); transform: rotateZ(160deg) translateX(192px) } } .line:nth-child(131) { -webkit-transform: rotateY(216deg); transform: rotateY(216deg) } .line:nth-child(131) .spark { -webkit-animation: spark131 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark131 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(131) .fire { -webkit-animation: fire 1981ms -435ms linear infinite; animation: fire 1981ms -435ms linear infinite } @-webkit-keyframes spark131 { 0% { -webkit-transform: translateY(531px); transform: translateY(531px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(292deg) translateX(112px); transform: rotateZ(292deg) translateX(112px) } } @keyframes spark131 { 0% { -webkit-transform: translateY(531px); transform: translateY(531px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(292deg) translateX(112px); transform: rotateZ(292deg) translateX(112px) } } .line:nth-child(132) { -webkit-transform: rotateY(269deg); transform: rotateY(269deg) } .line:nth-child(132) .spark { -webkit-animation: spark132 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark132 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(132) .fire { -webkit-animation: fire 1020ms -202ms linear infinite; animation: fire 1020ms -202ms linear infinite } @-webkit-keyframes spark132 { 0% { -webkit-transform: translateY(607px); transform: translateY(607px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(165deg) translateX(180px); transform: rotateZ(165deg) translateX(180px) } } @keyframes spark132 { 0% { -webkit-transform: translateY(607px); transform: translateY(607px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(165deg) translateX(180px); transform: rotateZ(165deg) translateX(180px) } } .line:nth-child(133) { -webkit-transform: rotateY(327deg); transform: rotateY(327deg) } .line:nth-child(133) .spark { -webkit-animation: spark133 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark133 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(133) .fire { -webkit-animation: fire 1603ms -808ms linear infinite; animation: fire 1603ms -808ms linear infinite } @-webkit-keyframes spark133 { 0% { -webkit-transform: translateY(642px); transform: translateY(642px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(334deg) translateX(254px); transform: rotateZ(334deg) translateX(254px) } } @keyframes spark133 { 0% { -webkit-transform: translateY(642px); transform: translateY(642px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(334deg) translateX(254px); transform: rotateZ(334deg) translateX(254px) } } .line:nth-child(134) { -webkit-transform: rotateY(281deg); transform: rotateY(281deg) } .line:nth-child(134) .spark { -webkit-animation: spark134 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark134 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(134) .fire { -webkit-animation: fire 1773ms -596ms linear infinite; animation: fire 1773ms -596ms linear infinite } @-webkit-keyframes spark134 { 0% { -webkit-transform: translateY(534px); transform: translateY(534px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(47deg) translateX(204px); transform: rotateZ(47deg) translateX(204px) } } @keyframes spark134 { 0% { -webkit-transform: translateY(534px); transform: translateY(534px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(47deg) translateX(204px); transform: rotateZ(47deg) translateX(204px) } } .line:nth-child(135) { -webkit-transform: rotateY(138deg); transform: rotateY(138deg) } .line:nth-child(135) .spark { -webkit-animation: spark135 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark135 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(135) .fire { -webkit-animation: fire 1515ms -861ms linear infinite; animation: fire 1515ms -861ms linear infinite } @-webkit-keyframes spark135 { 0% { -webkit-transform: translateY(617px); transform: translateY(617px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(2deg) translateX(178px); transform: rotateZ(2deg) translateX(178px) } } @keyframes spark135 { 0% { -webkit-transform: translateY(617px); transform: translateY(617px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(2deg) translateX(178px); transform: rotateZ(2deg) translateX(178px) } } .line:nth-child(136) { -webkit-transform: rotateY(272deg); transform: rotateY(272deg) } .line:nth-child(136) .spark { -webkit-animation: spark136 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark136 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(136) .fire { -webkit-animation: fire 1659ms -302ms linear infinite; animation: fire 1659ms -302ms linear infinite } @-webkit-keyframes spark136 { 0% { -webkit-transform: translateY(616px); transform: translateY(616px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(321deg) translateX(103px); transform: rotateZ(321deg) translateX(103px) } } @keyframes spark136 { 0% { -webkit-transform: translateY(616px); transform: translateY(616px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(321deg) translateX(103px); transform: rotateZ(321deg) translateX(103px) } } .line:nth-child(137) { -webkit-transform: rotateY(343deg); transform: rotateY(343deg) } .line:nth-child(137) .spark { -webkit-animation: spark137 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark137 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(137) .fire { -webkit-animation: fire 1991ms -66ms linear infinite; animation: fire 1991ms -66ms linear infinite } @-webkit-keyframes spark137 { 0% { -webkit-transform: translateY(540px); transform: translateY(540px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(58deg) translateX(152px); transform: rotateZ(58deg) translateX(152px) } } @keyframes spark137 { 0% { -webkit-transform: translateY(540px); transform: translateY(540px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(58deg) translateX(152px); transform: rotateZ(58deg) translateX(152px) } } .line:nth-child(138) { -webkit-transform: rotateY(49deg); transform: rotateY(49deg) } .line:nth-child(138) .spark { -webkit-animation: spark138 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark138 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(138) .fire { -webkit-animation: fire 1277ms -623ms linear infinite; animation: fire 1277ms -623ms linear infinite } @-webkit-keyframes spark138 { 0% { -webkit-transform: translateY(573px); transform: translateY(573px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(182deg) translateX(194px); transform: rotateZ(182deg) translateX(194px) } } @keyframes spark138 { 0% { -webkit-transform: translateY(573px); transform: translateY(573px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(182deg) translateX(194px); transform: rotateZ(182deg) translateX(194px) } } .line:nth-child(139) { -webkit-transform: rotateY(215deg); transform: rotateY(215deg) } .line:nth-child(139) .spark { -webkit-animation: spark139 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark139 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(139) .fire { -webkit-animation: fire 1325ms -856ms linear infinite; animation: fire 1325ms -856ms linear infinite } @-webkit-keyframes spark139 { 0% { -webkit-transform: translateY(647px); transform: translateY(647px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(157deg) translateX(192px); transform: rotateZ(157deg) translateX(192px) } } @keyframes spark139 { 0% { -webkit-transform: translateY(647px); transform: translateY(647px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(157deg) translateX(192px); transform: rotateZ(157deg) translateX(192px) } } .line:nth-child(140) { -webkit-transform: rotateY(7deg); transform: rotateY(7deg) } .line:nth-child(140) .spark { -webkit-animation: spark140 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark140 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(140) .fire { -webkit-animation: fire 1036ms -787ms linear infinite; animation: fire 1036ms -787ms linear infinite } @-webkit-keyframes spark140 { 0% { -webkit-transform: translateY(635px); transform: translateY(635px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(288deg) translateX(125px); transform: rotateZ(288deg) translateX(125px) } } @keyframes spark140 { 0% { -webkit-transform: translateY(635px); transform: translateY(635px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(288deg) translateX(125px); transform: rotateZ(288deg) translateX(125px) } } .line:nth-child(141) { -webkit-transform: rotateY(127deg); transform: rotateY(127deg) } .line:nth-child(141) .spark { -webkit-animation: spark141 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark141 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(141) .fire { -webkit-animation: fire 1917ms -96ms linear infinite; animation: fire 1917ms -96ms linear infinite } @-webkit-keyframes spark141 { 0% { -webkit-transform: translateY(569px); transform: translateY(569px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(321deg) translateX(227px); transform: rotateZ(321deg) translateX(227px) } } @keyframes spark141 { 0% { -webkit-transform: translateY(569px); transform: translateY(569px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(321deg) translateX(227px); transform: rotateZ(321deg) translateX(227px) } } .line:nth-child(142) { -webkit-transform: rotateY(192deg); transform: rotateY(192deg) } .line:nth-child(142) .spark { -webkit-animation: spark142 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark142 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(142) .fire { -webkit-animation: fire 1420ms -92ms linear infinite; animation: fire 1420ms -92ms linear infinite } @-webkit-keyframes spark142 { 0% { -webkit-transform: translateY(646px); transform: translateY(646px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(39deg) translateX(297px); transform: rotateZ(39deg) translateX(297px) } } @keyframes spark142 { 0% { -webkit-transform: translateY(646px); transform: translateY(646px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(39deg) translateX(297px); transform: rotateZ(39deg) translateX(297px) } } .line:nth-child(143) { -webkit-transform: rotateY(118deg); transform: rotateY(118deg) } .line:nth-child(143) .spark { -webkit-animation: spark143 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark143 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(143) .fire { -webkit-animation: fire 1207ms -918ms linear infinite; animation: fire 1207ms -918ms linear infinite } @-webkit-keyframes spark143 { 0% { -webkit-transform: translateY(524px); transform: translateY(524px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(115deg) translateX(199px); transform: rotateZ(115deg) translateX(199px) } } @keyframes spark143 { 0% { -webkit-transform: translateY(524px); transform: translateY(524px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(115deg) translateX(199px); transform: rotateZ(115deg) translateX(199px) } } .line:nth-child(144) { -webkit-transform: rotateY(171deg); transform: rotateY(171deg) } .line:nth-child(144) .spark { -webkit-animation: spark144 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark144 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(144) .fire { -webkit-animation: fire 1105ms -271ms linear infinite; animation: fire 1105ms -271ms linear infinite } @-webkit-keyframes spark144 { 0% { -webkit-transform: translateY(605px); transform: translateY(605px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(16deg) translateX(251px); transform: rotateZ(16deg) translateX(251px) } } @keyframes spark144 { 0% { -webkit-transform: translateY(605px); transform: translateY(605px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(16deg) translateX(251px); transform: rotateZ(16deg) translateX(251px) } } .line:nth-child(145) { -webkit-transform: rotateY(115deg); transform: rotateY(115deg) } .line:nth-child(145) .spark { -webkit-animation: spark145 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark145 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(145) .fire { -webkit-animation: fire 1863ms -814ms linear infinite; animation: fire 1863ms -814ms linear infinite } @-webkit-keyframes spark145 { 0% { -webkit-transform: translateY(591px); transform: translateY(591px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(153deg) translateX(132px); transform: rotateZ(153deg) translateX(132px) } } @keyframes spark145 { 0% { -webkit-transform: translateY(591px); transform: translateY(591px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(153deg) translateX(132px); transform: rotateZ(153deg) translateX(132px) } } .line:nth-child(146) { -webkit-transform: rotateY(247deg); transform: rotateY(247deg) } .line:nth-child(146) .spark { -webkit-animation: spark146 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark146 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(146) .fire { -webkit-animation: fire 1746ms -667ms linear infinite; animation: fire 1746ms -667ms linear infinite } @-webkit-keyframes spark146 { 0% { -webkit-transform: translateY(593px); transform: translateY(593px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(47deg) translateX(178px); transform: rotateZ(47deg) translateX(178px) } } @keyframes spark146 { 0% { -webkit-transform: translateY(593px); transform: translateY(593px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(47deg) translateX(178px); transform: rotateZ(47deg) translateX(178px) } } .line:nth-child(147) { -webkit-transform: rotateY(114deg); transform: rotateY(114deg) } .line:nth-child(147) .spark { -webkit-animation: spark147 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark147 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(147) .fire { -webkit-animation: fire 1800ms -275ms linear infinite; animation: fire 1800ms -275ms linear infinite } @-webkit-keyframes spark147 { 0% { -webkit-transform: translateY(541px); transform: translateY(541px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(68deg) translateX(101px); transform: rotateZ(68deg) translateX(101px) } } @keyframes spark147 { 0% { -webkit-transform: translateY(541px); transform: translateY(541px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(68deg) translateX(101px); transform: rotateZ(68deg) translateX(101px) } } .line:nth-child(148) { -webkit-transform: rotateY(40deg); transform: rotateY(40deg) } .line:nth-child(148) .spark { -webkit-animation: spark148 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark148 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(148) .fire { -webkit-animation: fire 1614ms -863ms linear infinite; animation: fire 1614ms -863ms linear infinite } @-webkit-keyframes spark148 { 0% { -webkit-transform: translateY(637px); transform: translateY(637px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(273deg) translateX(168px); transform: rotateZ(273deg) translateX(168px) } } @keyframes spark148 { 0% { -webkit-transform: translateY(637px); transform: translateY(637px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(273deg) translateX(168px); transform: rotateZ(273deg) translateX(168px) } } .line:nth-child(149) { -webkit-transform: rotateY(155deg); transform: rotateY(155deg) } .line:nth-child(149) .spark { -webkit-animation: spark149 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark149 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(149) .fire { -webkit-animation: fire 1962ms -74ms linear infinite; animation: fire 1962ms -74ms linear infinite } @-webkit-keyframes spark149 { 0% { -webkit-transform: translateY(634px); transform: translateY(634px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(289deg) translateX(252px); transform: rotateZ(289deg) translateX(252px) } } @keyframes spark149 { 0% { -webkit-transform: translateY(634px); transform: translateY(634px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(289deg) translateX(252px); transform: rotateZ(289deg) translateX(252px) } } .line:nth-child(150) { -webkit-transform: rotateY(214deg); transform: rotateY(214deg) } .line:nth-child(150) .spark { -webkit-animation: spark150 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark150 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(150) .fire { -webkit-animation: fire 1155ms -783ms linear infinite; animation: fire 1155ms -783ms linear infinite } @-webkit-keyframes spark150 { 0% { -webkit-transform: translateY(633px); transform: translateY(633px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(196deg) translateX(176px); transform: rotateZ(196deg) translateX(176px) } } @keyframes spark150 { 0% { -webkit-transform: translateY(633px); transform: translateY(633px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(196deg) translateX(176px); transform: rotateZ(196deg) translateX(176px) } } .line:nth-child(151) { -webkit-transform: rotateY(24deg); transform: rotateY(24deg) } .line:nth-child(151) .spark { -webkit-animation: spark151 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark151 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(151) .fire { -webkit-animation: fire 1425ms -634ms linear infinite; animation: fire 1425ms -634ms linear infinite } @-webkit-keyframes spark151 { 0% { -webkit-transform: translateY(541px); transform: translateY(541px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(284deg) translateX(148px); transform: rotateZ(284deg) translateX(148px) } } @keyframes spark151 { 0% { -webkit-transform: translateY(541px); transform: translateY(541px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(284deg) translateX(148px); transform: rotateZ(284deg) translateX(148px) } } .line:nth-child(152) { -webkit-transform: rotateY(322deg); transform: rotateY(322deg) } .line:nth-child(152) .spark { -webkit-animation: spark152 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark152 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(152) .fire { -webkit-animation: fire 1330ms -78ms linear infinite; animation: fire 1330ms -78ms linear infinite } @-webkit-keyframes spark152 { 0% { -webkit-transform: translateY(630px); transform: translateY(630px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(308deg) translateX(102px); transform: rotateZ(308deg) translateX(102px) } } @keyframes spark152 { 0% { -webkit-transform: translateY(630px); transform: translateY(630px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(308deg) translateX(102px); transform: rotateZ(308deg) translateX(102px) } } .line:nth-child(153) { -webkit-transform: rotateY(262deg); transform: rotateY(262deg) } .line:nth-child(153) .spark { -webkit-animation: spark153 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark153 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(153) .fire { -webkit-animation: fire 1887ms -466ms linear infinite; animation: fire 1887ms -466ms linear infinite } @-webkit-keyframes spark153 { 0% { -webkit-transform: translateY(636px); transform: translateY(636px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(171deg) translateX(213px); transform: rotateZ(171deg) translateX(213px) } } @keyframes spark153 { 0% { -webkit-transform: translateY(636px); transform: translateY(636px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(171deg) translateX(213px); transform: rotateZ(171deg) translateX(213px) } } .line:nth-child(154) { -webkit-transform: rotateY(343deg); transform: rotateY(343deg) } .line:nth-child(154) .spark { -webkit-animation: spark154 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark154 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(154) .fire { -webkit-animation: fire 1966ms -895ms linear infinite; animation: fire 1966ms -895ms linear infinite } @-webkit-keyframes spark154 { 0% { -webkit-transform: translateY(648px); transform: translateY(648px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(305deg) translateX(273px); transform: rotateZ(305deg) translateX(273px) } } @keyframes spark154 { 0% { -webkit-transform: translateY(648px); transform: translateY(648px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(305deg) translateX(273px); transform: rotateZ(305deg) translateX(273px) } } .line:nth-child(155) { -webkit-transform: rotateY(144deg); transform: rotateY(144deg) } .line:nth-child(155) .spark { -webkit-animation: spark155 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark155 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(155) .fire { -webkit-animation: fire 1234ms -667ms linear infinite; animation: fire 1234ms -667ms linear infinite } @-webkit-keyframes spark155 { 0% { -webkit-transform: translateY(554px); transform: translateY(554px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(208deg) translateX(244px); transform: rotateZ(208deg) translateX(244px) } } @keyframes spark155 { 0% { -webkit-transform: translateY(554px); transform: translateY(554px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(208deg) translateX(244px); transform: rotateZ(208deg) translateX(244px) } } .line:nth-child(156) { -webkit-transform: rotateY(142deg); transform: rotateY(142deg) } .line:nth-child(156) .spark { -webkit-animation: spark156 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark156 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(156) .fire { -webkit-animation: fire 1485ms -274ms linear infinite; animation: fire 1485ms -274ms linear infinite } @-webkit-keyframes spark156 { 0% { -webkit-transform: translateY(619px); transform: translateY(619px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(61deg) translateX(156px); transform: rotateZ(61deg) translateX(156px) } } @keyframes spark156 { 0% { -webkit-transform: translateY(619px); transform: translateY(619px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(61deg) translateX(156px); transform: rotateZ(61deg) translateX(156px) } } .line:nth-child(157) { -webkit-transform: rotateY(249deg); transform: rotateY(249deg) } .line:nth-child(157) .spark { -webkit-animation: spark157 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark157 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(157) .fire { -webkit-animation: fire 1315ms -601ms linear infinite; animation: fire 1315ms -601ms linear infinite } @-webkit-keyframes spark157 { 0% { -webkit-transform: translateY(639px); transform: translateY(639px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(171deg) translateX(292px); transform: rotateZ(171deg) translateX(292px) } } @keyframes spark157 { 0% { -webkit-transform: translateY(639px); transform: translateY(639px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(171deg) translateX(292px); transform: rotateZ(171deg) translateX(292px) } } .line:nth-child(158) { -webkit-transform: rotateY(208deg); transform: rotateY(208deg) } .line:nth-child(158) .spark { -webkit-animation: spark158 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark158 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(158) .fire { -webkit-animation: fire 1013ms -24ms linear infinite; animation: fire 1013ms -24ms linear infinite } @-webkit-keyframes spark158 { 0% { -webkit-transform: translateY(594px); transform: translateY(594px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(273deg) translateX(124px); transform: rotateZ(273deg) translateX(124px) } } @keyframes spark158 { 0% { -webkit-transform: translateY(594px); transform: translateY(594px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(273deg) translateX(124px); transform: rotateZ(273deg) translateX(124px) } } .line:nth-child(159) { -webkit-transform: rotateY(182deg); transform: rotateY(182deg) } .line:nth-child(159) .spark { -webkit-animation: spark159 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark159 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(159) .fire { -webkit-animation: fire 1983ms -136ms linear infinite; animation: fire 1983ms -136ms linear infinite } @-webkit-keyframes spark159 { 0% { -webkit-transform: translateY(625px); transform: translateY(625px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(348deg) translateX(162px); transform: rotateZ(348deg) translateX(162px) } } @keyframes spark159 { 0% { -webkit-transform: translateY(625px); transform: translateY(625px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(348deg) translateX(162px); transform: rotateZ(348deg) translateX(162px) } } .line:nth-child(160) { -webkit-transform: rotateY(177deg); transform: rotateY(177deg) } .line:nth-child(160) .spark { -webkit-animation: spark160 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark160 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(160) .fire { -webkit-animation: fire 1846ms -19ms linear infinite; animation: fire 1846ms -19ms linear infinite } @-webkit-keyframes spark160 { 0% { -webkit-transform: translateY(616px); transform: translateY(616px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(254deg) translateX(248px); transform: rotateZ(254deg) translateX(248px) } } @keyframes spark160 { 0% { -webkit-transform: translateY(616px); transform: translateY(616px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(254deg) translateX(248px); transform: rotateZ(254deg) translateX(248px) } } .line:nth-child(161) { -webkit-transform: rotateY(216deg); transform: rotateY(216deg) } .line:nth-child(161) .spark { -webkit-animation: spark161 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark161 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(161) .fire { -webkit-animation: fire 1963ms -23ms linear infinite; animation: fire 1963ms -23ms linear infinite } @-webkit-keyframes spark161 { 0% { -webkit-transform: translateY(574px); transform: translateY(574px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(77deg) translateX(191px); transform: rotateZ(77deg) translateX(191px) } } @keyframes spark161 { 0% { -webkit-transform: translateY(574px); transform: translateY(574px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(77deg) translateX(191px); transform: rotateZ(77deg) translateX(191px) } } .line:nth-child(162) { -webkit-transform: rotateY(191deg); transform: rotateY(191deg) } .line:nth-child(162) .spark { -webkit-animation: spark162 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark162 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(162) .fire { -webkit-animation: fire 1003ms -274ms linear infinite; animation: fire 1003ms -274ms linear infinite } @-webkit-keyframes spark162 { 0% { -webkit-transform: translateY(618px); transform: translateY(618px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(88deg) translateX(261px); transform: rotateZ(88deg) translateX(261px) } } @keyframes spark162 { 0% { -webkit-transform: translateY(618px); transform: translateY(618px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(88deg) translateX(261px); transform: rotateZ(88deg) translateX(261px) } } .line:nth-child(163) { -webkit-transform: rotateY(176deg); transform: rotateY(176deg) } .line:nth-child(163) .spark { -webkit-animation: spark163 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark163 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(163) .fire { -webkit-animation: fire 1750ms -340ms linear infinite; animation: fire 1750ms -340ms linear infinite } @-webkit-keyframes spark163 { 0% { -webkit-transform: translateY(647px); transform: translateY(647px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(30deg) translateX(193px); transform: rotateZ(30deg) translateX(193px) } } @keyframes spark163 { 0% { -webkit-transform: translateY(647px); transform: translateY(647px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(30deg) translateX(193px); transform: rotateZ(30deg) translateX(193px) } } .line:nth-child(164) { -webkit-transform: rotateY(237deg); transform: rotateY(237deg) } .line:nth-child(164) .spark { -webkit-animation: spark164 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark164 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(164) .fire { -webkit-animation: fire 1641ms -989ms linear infinite; animation: fire 1641ms -989ms linear infinite } @-webkit-keyframes spark164 { 0% { -webkit-transform: translateY(600px); transform: translateY(600px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(94deg) translateX(167px); transform: rotateZ(94deg) translateX(167px) } } @keyframes spark164 { 0% { -webkit-transform: translateY(600px); transform: translateY(600px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(94deg) translateX(167px); transform: rotateZ(94deg) translateX(167px) } } .line:nth-child(165) { -webkit-transform: rotateY(87deg); transform: rotateY(87deg) } .line:nth-child(165) .spark { -webkit-animation: spark165 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark165 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(165) .fire { -webkit-animation: fire 1436ms -278ms linear infinite; animation: fire 1436ms -278ms linear infinite } @-webkit-keyframes spark165 { 0% { -webkit-transform: translateY(525px); transform: translateY(525px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(215deg) translateX(275px); transform: rotateZ(215deg) translateX(275px) } } @keyframes spark165 { 0% { -webkit-transform: translateY(525px); transform: translateY(525px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(215deg) translateX(275px); transform: rotateZ(215deg) translateX(275px) } } .line:nth-child(166) { -webkit-transform: rotateY(98deg); transform: rotateY(98deg) } .line:nth-child(166) .spark { -webkit-animation: spark166 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark166 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(166) .fire { -webkit-animation: fire 1808ms -71ms linear infinite; animation: fire 1808ms -71ms linear infinite } @-webkit-keyframes spark166 { 0% { -webkit-transform: translateY(518px); transform: translateY(518px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(289deg) translateX(211px); transform: rotateZ(289deg) translateX(211px) } } @keyframes spark166 { 0% { -webkit-transform: translateY(518px); transform: translateY(518px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(289deg) translateX(211px); transform: rotateZ(289deg) translateX(211px) } } .line:nth-child(167) { -webkit-transform: rotateY(216deg); transform: rotateY(216deg) } .line:nth-child(167) .spark { -webkit-animation: spark167 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark167 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(167) .fire { -webkit-animation: fire 1678ms -749ms linear infinite; animation: fire 1678ms -749ms linear infinite } @-webkit-keyframes spark167 { 0% { -webkit-transform: translateY(579px); transform: translateY(579px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(321deg) translateX(160px); transform: rotateZ(321deg) translateX(160px) } } @keyframes spark167 { 0% { -webkit-transform: translateY(579px); transform: translateY(579px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(321deg) translateX(160px); transform: rotateZ(321deg) translateX(160px) } } .line:nth-child(168) { -webkit-transform: rotateY(324deg); transform: rotateY(324deg) } .line:nth-child(168) .spark { -webkit-animation: spark168 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark168 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(168) .fire { -webkit-animation: fire 1370ms -572ms linear infinite; animation: fire 1370ms -572ms linear infinite } @-webkit-keyframes spark168 { 0% { -webkit-transform: translateY(504px); transform: translateY(504px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(217deg) translateX(198px); transform: rotateZ(217deg) translateX(198px) } } @keyframes spark168 { 0% { -webkit-transform: translateY(504px); transform: translateY(504px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(217deg) translateX(198px); transform: rotateZ(217deg) translateX(198px) } } .line:nth-child(169) { -webkit-transform: rotateY(65deg); transform: rotateY(65deg) } .line:nth-child(169) .spark { -webkit-animation: spark169 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark169 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(169) .fire { -webkit-animation: fire 1311ms -333ms linear infinite; animation: fire 1311ms -333ms linear infinite } @-webkit-keyframes spark169 { 0% { -webkit-transform: translateY(566px); transform: translateY(566px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(307deg) translateX(160px); transform: rotateZ(307deg) translateX(160px) } } @keyframes spark169 { 0% { -webkit-transform: translateY(566px); transform: translateY(566px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(307deg) translateX(160px); transform: rotateZ(307deg) translateX(160px) } } .line:nth-child(170) { -webkit-transform: rotateY(73deg); transform: rotateY(73deg) } .line:nth-child(170) .spark { -webkit-animation: spark170 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark170 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(170) .fire { -webkit-animation: fire 1840ms -930ms linear infinite; animation: fire 1840ms -930ms linear infinite } @-webkit-keyframes spark170 { 0% { -webkit-transform: translateY(516px); transform: translateY(516px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(260deg) translateX(256px); transform: rotateZ(260deg) translateX(256px) } } @keyframes spark170 { 0% { -webkit-transform: translateY(516px); transform: translateY(516px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(260deg) translateX(256px); transform: rotateZ(260deg) translateX(256px) } } .line:nth-child(171) { -webkit-transform: rotateY(183deg); transform: rotateY(183deg) } .line:nth-child(171) .spark { -webkit-animation: spark171 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark171 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(171) .fire { -webkit-animation: fire 1791ms -276ms linear infinite; animation: fire 1791ms -276ms linear infinite } @-webkit-keyframes spark171 { 0% { -webkit-transform: translateY(598px); transform: translateY(598px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(40deg) translateX(140px); transform: rotateZ(40deg) translateX(140px) } } @keyframes spark171 { 0% { -webkit-transform: translateY(598px); transform: translateY(598px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(40deg) translateX(140px); transform: rotateZ(40deg) translateX(140px) } } .line:nth-child(172) { -webkit-transform: rotateY(36deg); transform: rotateY(36deg) } .line:nth-child(172) .spark { -webkit-animation: spark172 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark172 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(172) .fire { -webkit-animation: fire 1194ms -540ms linear infinite; animation: fire 1194ms -540ms linear infinite } @-webkit-keyframes spark172 { 0% { -webkit-transform: translateY(583px); transform: translateY(583px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(51deg) translateX(254px); transform: rotateZ(51deg) translateX(254px) } } @keyframes spark172 { 0% { -webkit-transform: translateY(583px); transform: translateY(583px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(51deg) translateX(254px); transform: rotateZ(51deg) translateX(254px) } } .line:nth-child(173) { -webkit-transform: rotateY(322deg); transform: rotateY(322deg) } .line:nth-child(173) .spark { -webkit-animation: spark173 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark173 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(173) .fire { -webkit-animation: fire 1366ms -735ms linear infinite; animation: fire 1366ms -735ms linear infinite } @-webkit-keyframes spark173 { 0% { -webkit-transform: translateY(632px); transform: translateY(632px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(242deg) translateX(290px); transform: rotateZ(242deg) translateX(290px) } } @keyframes spark173 { 0% { -webkit-transform: translateY(632px); transform: translateY(632px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(242deg) translateX(290px); transform: rotateZ(242deg) translateX(290px) } } .line:nth-child(174) { -webkit-transform: rotateY(19deg); transform: rotateY(19deg) } .line:nth-child(174) .spark { -webkit-animation: spark174 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark174 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(174) .fire { -webkit-animation: fire 1323ms -854ms linear infinite; animation: fire 1323ms -854ms linear infinite } @-webkit-keyframes spark174 { 0% { -webkit-transform: translateY(624px); transform: translateY(624px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(331deg) translateX(200px); transform: rotateZ(331deg) translateX(200px) } } @keyframes spark174 { 0% { -webkit-transform: translateY(624px); transform: translateY(624px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(331deg) translateX(200px); transform: rotateZ(331deg) translateX(200px) } } .line:nth-child(175) { -webkit-transform: rotateY(214deg); transform: rotateY(214deg) } .line:nth-child(175) .spark { -webkit-animation: spark175 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark175 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(175) .fire { -webkit-animation: fire 1403ms -330ms linear infinite; animation: fire 1403ms -330ms linear infinite } @-webkit-keyframes spark175 { 0% { -webkit-transform: translateY(550px); transform: translateY(550px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(98deg) translateX(181px); transform: rotateZ(98deg) translateX(181px) } } @keyframes spark175 { 0% { -webkit-transform: translateY(550px); transform: translateY(550px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(98deg) translateX(181px); transform: rotateZ(98deg) translateX(181px) } } .line:nth-child(176) { -webkit-transform: rotateY(42deg); transform: rotateY(42deg) } .line:nth-child(176) .spark { -webkit-animation: spark176 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark176 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(176) .fire { -webkit-animation: fire 1039ms -335ms linear infinite; animation: fire 1039ms -335ms linear infinite } @-webkit-keyframes spark176 { 0% { -webkit-transform: translateY(554px); transform: translateY(554px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(188deg) translateX(106px); transform: rotateZ(188deg) translateX(106px) } } @keyframes spark176 { 0% { -webkit-transform: translateY(554px); transform: translateY(554px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(188deg) translateX(106px); transform: rotateZ(188deg) translateX(106px) } } .line:nth-child(177) { -webkit-transform: rotateY(80deg); transform: rotateY(80deg) } .line:nth-child(177) .spark { -webkit-animation: spark177 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark177 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(177) .fire { -webkit-animation: fire 1767ms -859ms linear infinite; animation: fire 1767ms -859ms linear infinite } @-webkit-keyframes spark177 { 0% { -webkit-transform: translateY(591px); transform: translateY(591px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(91deg) translateX(124px); transform: rotateZ(91deg) translateX(124px) } } @keyframes spark177 { 0% { -webkit-transform: translateY(591px); transform: translateY(591px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(91deg) translateX(124px); transform: rotateZ(91deg) translateX(124px) } } .line:nth-child(178) { -webkit-transform: rotateY(23deg); transform: rotateY(23deg) } .line:nth-child(178) .spark { -webkit-animation: spark178 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark178 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(178) .fire { -webkit-animation: fire 1770ms -875ms linear infinite; animation: fire 1770ms -875ms linear infinite } @-webkit-keyframes spark178 { 0% { -webkit-transform: translateY(561px); transform: translateY(561px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(322deg) translateX(299px); transform: rotateZ(322deg) translateX(299px) } } @keyframes spark178 { 0% { -webkit-transform: translateY(561px); transform: translateY(561px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(322deg) translateX(299px); transform: rotateZ(322deg) translateX(299px) } } .line:nth-child(179) { -webkit-transform: rotateY(169deg); transform: rotateY(169deg) } .line:nth-child(179) .spark { -webkit-animation: spark179 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark179 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(179) .fire { -webkit-animation: fire 1303ms -419ms linear infinite; animation: fire 1303ms -419ms linear infinite } @-webkit-keyframes spark179 { 0% { -webkit-transform: translateY(649px); transform: translateY(649px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(36deg) translateX(162px); transform: rotateZ(36deg) translateX(162px) } } @keyframes spark179 { 0% { -webkit-transform: translateY(649px); transform: translateY(649px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(36deg) translateX(162px); transform: rotateZ(36deg) translateX(162px) } } .line:nth-child(180) { -webkit-transform: rotateY(73deg); transform: rotateY(73deg) } .line:nth-child(180) .spark { -webkit-animation: spark180 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark180 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(180) .fire { -webkit-animation: fire 1772ms -70ms linear infinite; animation: fire 1772ms -70ms linear infinite } @-webkit-keyframes spark180 { 0% { -webkit-transform: translateY(635px); transform: translateY(635px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(294deg) translateX(260px); transform: rotateZ(294deg) translateX(260px) } } @keyframes spark180 { 0% { -webkit-transform: translateY(635px); transform: translateY(635px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(294deg) translateX(260px); transform: rotateZ(294deg) translateX(260px) } } .line:nth-child(181) { -webkit-transform: rotateY(78deg); transform: rotateY(78deg) } .line:nth-child(181) .spark { -webkit-animation: spark181 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark181 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(181) .fire { -webkit-animation: fire 1435ms -338ms linear infinite; animation: fire 1435ms -338ms linear infinite } @-webkit-keyframes spark181 { 0% { -webkit-transform: translateY(533px); transform: translateY(533px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(264deg) translateX(213px); transform: rotateZ(264deg) translateX(213px) } } @keyframes spark181 { 0% { -webkit-transform: translateY(533px); transform: translateY(533px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(264deg) translateX(213px); transform: rotateZ(264deg) translateX(213px) } } .line:nth-child(182) { -webkit-transform: rotateY(226deg); transform: rotateY(226deg) } .line:nth-child(182) .spark { -webkit-animation: spark182 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark182 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(182) .fire { -webkit-animation: fire 1906ms -694ms linear infinite; animation: fire 1906ms -694ms linear infinite } @-webkit-keyframes spark182 { 0% { -webkit-transform: translateY(551px); transform: translateY(551px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(321deg) translateX(189px); transform: rotateZ(321deg) translateX(189px) } } @keyframes spark182 { 0% { -webkit-transform: translateY(551px); transform: translateY(551px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(321deg) translateX(189px); transform: rotateZ(321deg) translateX(189px) } } .line:nth-child(183) { -webkit-transform: rotateY(78deg); transform: rotateY(78deg) } .line:nth-child(183) .spark { -webkit-animation: spark183 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark183 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(183) .fire { -webkit-animation: fire 1165ms -103ms linear infinite; animation: fire 1165ms -103ms linear infinite } @-webkit-keyframes spark183 { 0% { -webkit-transform: translateY(642px); transform: translateY(642px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(185deg) translateX(108px); transform: rotateZ(185deg) translateX(108px) } } @keyframes spark183 { 0% { -webkit-transform: translateY(642px); transform: translateY(642px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(185deg) translateX(108px); transform: rotateZ(185deg) translateX(108px) } } .line:nth-child(184) { -webkit-transform: rotateY(144deg); transform: rotateY(144deg) } .line:nth-child(184) .spark { -webkit-animation: spark184 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark184 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(184) .fire { -webkit-animation: fire 1267ms -373ms linear infinite; animation: fire 1267ms -373ms linear infinite } @-webkit-keyframes spark184 { 0% { -webkit-transform: translateY(622px); transform: translateY(622px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(95deg) translateX(235px); transform: rotateZ(95deg) translateX(235px) } } @keyframes spark184 { 0% { -webkit-transform: translateY(622px); transform: translateY(622px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(95deg) translateX(235px); transform: rotateZ(95deg) translateX(235px) } } .line:nth-child(185) { -webkit-transform: rotateY(198deg); transform: rotateY(198deg) } .line:nth-child(185) .spark { -webkit-animation: spark185 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark185 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(185) .fire { -webkit-animation: fire 1894ms -467ms linear infinite; animation: fire 1894ms -467ms linear infinite } @-webkit-keyframes spark185 { 0% { -webkit-transform: translateY(598px); transform: translateY(598px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(310deg) translateX(200px); transform: rotateZ(310deg) translateX(200px) } } @keyframes spark185 { 0% { -webkit-transform: translateY(598px); transform: translateY(598px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(310deg) translateX(200px); transform: rotateZ(310deg) translateX(200px) } } .line:nth-child(186) { -webkit-transform: rotateY(249deg); transform: rotateY(249deg) } .line:nth-child(186) .spark { -webkit-animation: spark186 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark186 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(186) .fire { -webkit-animation: fire 1821ms -861ms linear infinite; animation: fire 1821ms -861ms linear infinite } @-webkit-keyframes spark186 { 0% { -webkit-transform: translateY(503px); transform: translateY(503px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(331deg) translateX(127px); transform: rotateZ(331deg) translateX(127px) } } @keyframes spark186 { 0% { -webkit-transform: translateY(503px); transform: translateY(503px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(331deg) translateX(127px); transform: rotateZ(331deg) translateX(127px) } } .line:nth-child(187) { -webkit-transform: rotateY(91deg); transform: rotateY(91deg) } .line:nth-child(187) .spark { -webkit-animation: spark187 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark187 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(187) .fire { -webkit-animation: fire 1169ms -417ms linear infinite; animation: fire 1169ms -417ms linear infinite } @-webkit-keyframes spark187 { 0% { -webkit-transform: translateY(601px); transform: translateY(601px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(258deg) translateX(125px); transform: rotateZ(258deg) translateX(125px) } } @keyframes spark187 { 0% { -webkit-transform: translateY(601px); transform: translateY(601px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(258deg) translateX(125px); transform: rotateZ(258deg) translateX(125px) } } .line:nth-child(188) { -webkit-transform: rotateY(129deg); transform: rotateY(129deg) } .line:nth-child(188) .spark { -webkit-animation: spark188 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark188 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(188) .fire { -webkit-animation: fire 1292ms -425ms linear infinite; animation: fire 1292ms -425ms linear infinite } @-webkit-keyframes spark188 { 0% { -webkit-transform: translateY(554px); transform: translateY(554px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(225deg) translateX(281px); transform: rotateZ(225deg) translateX(281px) } } @keyframes spark188 { 0% { -webkit-transform: translateY(554px); transform: translateY(554px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(225deg) translateX(281px); transform: rotateZ(225deg) translateX(281px) } } .line:nth-child(189) { -webkit-transform: rotateY(250deg); transform: rotateY(250deg) } .line:nth-child(189) .spark { -webkit-animation: spark189 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark189 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(189) .fire { -webkit-animation: fire 1953ms -837ms linear infinite; animation: fire 1953ms -837ms linear infinite } @-webkit-keyframes spark189 { 0% { -webkit-transform: translateY(577px); transform: translateY(577px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(231deg) translateX(280px); transform: rotateZ(231deg) translateX(280px) } } @keyframes spark189 { 0% { -webkit-transform: translateY(577px); transform: translateY(577px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(231deg) translateX(280px); transform: rotateZ(231deg) translateX(280px) } } .line:nth-child(190) { -webkit-transform: rotateY(285deg); transform: rotateY(285deg) } .line:nth-child(190) .spark { -webkit-animation: spark190 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark190 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(190) .fire { -webkit-animation: fire 1497ms -942ms linear infinite; animation: fire 1497ms -942ms linear infinite } @-webkit-keyframes spark190 { 0% { -webkit-transform: translateY(535px); transform: translateY(535px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(62deg) translateX(125px); transform: rotateZ(62deg) translateX(125px) } } @keyframes spark190 { 0% { -webkit-transform: translateY(535px); transform: translateY(535px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(62deg) translateX(125px); transform: rotateZ(62deg) translateX(125px) } } .line:nth-child(191) { -webkit-transform: rotateY(19deg); transform: rotateY(19deg) } .line:nth-child(191) .spark { -webkit-animation: spark191 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark191 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(191) .fire { -webkit-animation: fire 1484ms -611ms linear infinite; animation: fire 1484ms -611ms linear infinite } @-webkit-keyframes spark191 { 0% { -webkit-transform: translateY(553px); transform: translateY(553px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(216deg) translateX(226px); transform: rotateZ(216deg) translateX(226px) } } @keyframes spark191 { 0% { -webkit-transform: translateY(553px); transform: translateY(553px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(216deg) translateX(226px); transform: rotateZ(216deg) translateX(226px) } } .line:nth-child(192) { -webkit-transform: rotateY(338deg); transform: rotateY(338deg) } .line:nth-child(192) .spark { -webkit-animation: spark192 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark192 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(192) .fire { -webkit-animation: fire 1621ms -888ms linear infinite; animation: fire 1621ms -888ms linear infinite } @-webkit-keyframes spark192 { 0% { -webkit-transform: translateY(593px); transform: translateY(593px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(358deg) translateX(258px); transform: rotateZ(358deg) translateX(258px) } } @keyframes spark192 { 0% { -webkit-transform: translateY(593px); transform: translateY(593px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(358deg) translateX(258px); transform: rotateZ(358deg) translateX(258px) } } .line:nth-child(193) { -webkit-transform: rotateY(145deg); transform: rotateY(145deg) } .line:nth-child(193) .spark { -webkit-animation: spark193 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark193 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(193) .fire { -webkit-animation: fire 1376ms -638ms linear infinite; animation: fire 1376ms -638ms linear infinite } @-webkit-keyframes spark193 { 0% { -webkit-transform: translateY(584px); transform: translateY(584px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(22deg) translateX(139px); transform: rotateZ(22deg) translateX(139px) } } @keyframes spark193 { 0% { -webkit-transform: translateY(584px); transform: translateY(584px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(22deg) translateX(139px); transform: rotateZ(22deg) translateX(139px) } } .line:nth-child(194) { -webkit-transform: rotateY(6deg); transform: rotateY(6deg) } .line:nth-child(194) .spark { -webkit-animation: spark194 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark194 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(194) .fire { -webkit-animation: fire 1024ms -729ms linear infinite; animation: fire 1024ms -729ms linear infinite } @-webkit-keyframes spark194 { 0% { -webkit-transform: translateY(543px); transform: translateY(543px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(185deg) translateX(264px); transform: rotateZ(185deg) translateX(264px) } } @keyframes spark194 { 0% { -webkit-transform: translateY(543px); transform: translateY(543px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(185deg) translateX(264px); transform: rotateZ(185deg) translateX(264px) } } .line:nth-child(195) { -webkit-transform: rotateY(17deg); transform: rotateY(17deg) } .line:nth-child(195) .spark { -webkit-animation: spark195 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark195 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(195) .fire { -webkit-animation: fire 1298ms -731ms linear infinite; animation: fire 1298ms -731ms linear infinite } @-webkit-keyframes spark195 { 0% { -webkit-transform: translateY(633px); transform: translateY(633px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(154deg) translateX(281px); transform: rotateZ(154deg) translateX(281px) } } @keyframes spark195 { 0% { -webkit-transform: translateY(633px); transform: translateY(633px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(154deg) translateX(281px); transform: rotateZ(154deg) translateX(281px) } } .line:nth-child(196) { -webkit-transform: rotateY(21deg); transform: rotateY(21deg) } .line:nth-child(196) .spark { -webkit-animation: spark196 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark196 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(196) .fire { -webkit-animation: fire 1572ms -312ms linear infinite; animation: fire 1572ms -312ms linear infinite } @-webkit-keyframes spark196 { 0% { -webkit-transform: translateY(619px); transform: translateY(619px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(243deg) translateX(200px); transform: rotateZ(243deg) translateX(200px) } } @keyframes spark196 { 0% { -webkit-transform: translateY(619px); transform: translateY(619px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(243deg) translateX(200px); transform: rotateZ(243deg) translateX(200px) } } .line:nth-child(197) { -webkit-transform: rotateY(31deg); transform: rotateY(31deg) } .line:nth-child(197) .spark { -webkit-animation: spark197 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark197 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(197) .fire { -webkit-animation: fire 1278ms -587ms linear infinite; animation: fire 1278ms -587ms linear infinite } @-webkit-keyframes spark197 { 0% { -webkit-transform: translateY(573px); transform: translateY(573px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(91deg) translateX(146px); transform: rotateZ(91deg) translateX(146px) } } @keyframes spark197 { 0% { -webkit-transform: translateY(573px); transform: translateY(573px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(91deg) translateX(146px); transform: rotateZ(91deg) translateX(146px) } } .line:nth-child(198) { -webkit-transform: rotateY(104deg); transform: rotateY(104deg) } .line:nth-child(198) .spark { -webkit-animation: spark198 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark198 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(198) .fire { -webkit-animation: fire 1259ms -899ms linear infinite; animation: fire 1259ms -899ms linear infinite } @-webkit-keyframes spark198 { 0% { -webkit-transform: translateY(632px); transform: translateY(632px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(31deg) translateX(236px); transform: rotateZ(31deg) translateX(236px) } } @keyframes spark198 { 0% { -webkit-transform: translateY(632px); transform: translateY(632px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(31deg) translateX(236px); transform: rotateZ(31deg) translateX(236px) } } .line:nth-child(199) { -webkit-transform: rotateY(250deg); transform: rotateY(250deg) } .line:nth-child(199) .spark { -webkit-animation: spark199 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark199 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(199) .fire { -webkit-animation: fire 1979ms -729ms linear infinite; animation: fire 1979ms -729ms linear infinite } @-webkit-keyframes spark199 { 0% { -webkit-transform: translateY(608px); transform: translateY(608px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(67deg) translateX(178px); transform: rotateZ(67deg) translateX(178px) } } @keyframes spark199 { 0% { -webkit-transform: translateY(608px); transform: translateY(608px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(67deg) translateX(178px); transform: rotateZ(67deg) translateX(178px) } } .line:nth-child(200) { -webkit-transform: rotateY(28deg); transform: rotateY(28deg) } .line:nth-child(200) .spark { -webkit-animation: spark200 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite; animation: spark200 5s cubic-bezier(0.39,0.575,0.565,1) infinite,opacity 5s ease-out infinite } .line:nth-child(200) .fire { -webkit-animation: fire 1651ms -704ms linear infinite; animation: fire 1651ms -704ms linear infinite } @-webkit-keyframes spark200 { 0% { -webkit-transform: translateY(536px); transform: translateY(536px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(263deg) translateX(218px); transform: rotateZ(263deg) translateX(218px) } } @keyframes spark200 { 0% { -webkit-transform: translateY(536px); transform: translateY(536px) } 50% { -webkit-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: rotateZ(263deg) translateX(218px); transform: rotateZ(263deg) translateX(218px) } } @-webkit-keyframes opacity { 0% { opacity: 0 } 30% { opacity: 1 } 40% { opacity: 0 } 50% { opacity: 0 } 55% { opacity: 1 } 85% { opacity: 1 } 100% { opacity: 0 } } @keyframes opacity { 0% { opacity: 0 } 30% { opacity: 1 } 40% { opacity: 0 } 50% { opacity: 0 } 55% { opacity: 1 } 85% { opacity: 1 } 100% { opacity: 0 } } @-webkit-keyframes fire { 0% { -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) } 100% { -webkit-transform: rotateX(360deg) rotateY(720deg) rotateZ(1080deg); transform: rotateX(360deg) rotateY(720deg) rotateZ(1080deg) } } @keyframes fire { 0% { -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg); transform: rotateX(0deg) rotateY(0deg) rotateZ(0deg) } 100% { -webkit-transform: rotateX(360deg) rotateY(720deg) rotateZ(1080deg); transform: rotateX(360deg) rotateY(720deg) rotateZ(1080deg) } } @-webkit-keyframes rotate { 0% { -webkit-transform: rotateY(0deg); transform: rotateY(0deg) } 100% { -webkit-transform: rotateY(360deg); transform: rotateY(360deg) } } @keyframes rotate { 0% { -webkit-transform: rotateY(0deg); transform: rotateY(0deg) } 100% { -webkit-transform: rotateY(360deg); transform: rotateY(360deg) } }