.container {
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;
}
view {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.camera.-y {
-webkit-animation: rotate 30s linear infinite;
animation: rotate 30s linear infinite;
}
.fireworks {
-webkit-transform: translateY(-100px);
transform: translateY(-100px);
}
.spark {
position: absolute;
width: 400px;
height: 400px;
-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(196deg);
transform: rotateY(196deg);
}
.line:nth-child(1) .spark {
width: 391px;
height: 269px;
-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 1035ms -293ms linear infinite;
animation: fire 1035ms -293ms linear infinite;
}
@-webkit-keyframes spark1 {
0% {
-webkit-transform: translateY(516px);
transform: translateY(516px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(324deg) translateX(242px);
transform: rotateZ(324deg) translateX(242px);
}
}
@keyframes spark1 {
0% {
-webkit-transform: translateY(516px);
transform: translateY(516px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(324deg) translateX(242px);
transform: rotateZ(324deg) translateX(242px);
}
}
.line:nth-child(2) {
-webkit-transform: rotateY(232deg);
transform: rotateY(232deg);
}
.line:nth-child(2) .spark {
width: 228px;
height: 390px;
-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 1343ms -613ms linear infinite;
animation: fire 1343ms -613ms linear infinite;
}
@-webkit-keyframes spark2 {
0% {
-webkit-transform: translateY(555px);
transform: translateY(555px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(305deg) translateX(260px);
transform: rotateZ(305deg) translateX(260px);
}
}
@keyframes spark2 {
0% {
-webkit-transform: translateY(555px);
transform: translateY(555px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(305deg) translateX(260px);
transform: rotateZ(305deg) translateX(260px);
}
}
.line:nth-child(3) {
-webkit-transform: rotateY(308deg);
transform: rotateY(308deg);
}
.line:nth-child(3) .spark {
width: 360px;
height: 331px;
-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 1683ms -846ms linear infinite;
animation: fire 1683ms -846ms linear infinite;
}
@-webkit-keyframes spark3 {
0% {
-webkit-transform: translateY(556px);
transform: translateY(556px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(123deg) translateX(252px);
transform: rotateZ(123deg) translateX(252px);
}
}
@keyframes spark3 {
0% {
-webkit-transform: translateY(556px);
transform: translateY(556px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(123deg) translateX(252px);
transform: rotateZ(123deg) translateX(252px);
}
}
.line:nth-child(4) {
-webkit-transform: rotateY(48deg);
transform: rotateY(48deg);
}
.line:nth-child(4) .spark {
width: 204px;
height: 201px;
-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 1051ms -518ms linear infinite;
animation: fire 1051ms -518ms linear infinite;
}
@-webkit-keyframes spark4 {
0% {
-webkit-transform: translateY(586px);
transform: translateY(586px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(351deg) translateX(253px);
transform: rotateZ(351deg) translateX(253px);
}
}
@keyframes spark4 {
0% {
-webkit-transform: translateY(586px);
transform: translateY(586px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(351deg) translateX(253px);
transform: rotateZ(351deg) translateX(253px);
}
}
.line:nth-child(5) {
-webkit-transform: rotateY(275deg);
transform: rotateY(275deg);
}
.line:nth-child(5) .spark {
width: 339px;
height: 260px;
-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 1978ms -561ms linear infinite;
animation: fire 1978ms -561ms linear infinite;
}
@-webkit-keyframes spark5 {
0% {
-webkit-transform: translateY(630px);
transform: translateY(630px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(135deg) translateX(170px);
transform: rotateZ(135deg) translateX(170px);
}
}
@keyframes spark5 {
0% {
-webkit-transform: translateY(630px);
transform: translateY(630px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(135deg) translateX(170px);
transform: rotateZ(135deg) translateX(170px);
}
}
.line:nth-child(6) {
-webkit-transform: rotateY(59deg);
transform: rotateY(59deg);
}
.line:nth-child(6) .spark {
width: 381px;
height: 358px;
-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 1486ms -530ms linear infinite;
animation: fire 1486ms -530ms linear infinite;
}
@-webkit-keyframes spark6 {
0% {
-webkit-transform: translateY(633px);
transform: translateY(633px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(227deg) translateX(127px);
transform: rotateZ(227deg) translateX(127px);
}
}
@keyframes spark6 {
0% {
-webkit-transform: translateY(633px);
transform: translateY(633px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(227deg) translateX(127px);
transform: rotateZ(227deg) translateX(127px);
}
}
.line:nth-child(7) {
-webkit-transform: rotateY(168deg);
transform: rotateY(168deg);
}
.line:nth-child(7) .spark {
width: 389px;
height: 320px;
-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 1052ms -697ms linear infinite;
animation: fire 1052ms -697ms linear infinite;
}
@-webkit-keyframes spark7 {
0% {
-webkit-transform: translateY(607px);
transform: translateY(607px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(106deg) translateX(179px);
transform: rotateZ(106deg) translateX(179px);
}
}
@keyframes spark7 {
0% {
-webkit-transform: translateY(607px);
transform: translateY(607px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(106deg) translateX(179px);
transform: rotateZ(106deg) translateX(179px);
}
}
.line:nth-child(8) {
-webkit-transform: rotateY(170deg);
transform: rotateY(170deg);
}
.line:nth-child(8) .spark {
width: 265px;
height: 228px;
-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 1453ms -937ms linear infinite;
animation: fire 1453ms -937ms linear infinite;
}
@-webkit-keyframes spark8 {
0% {
-webkit-transform: translateY(513px);
transform: translateY(513px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(292deg) translateX(119px);
transform: rotateZ(292deg) translateX(119px);
}
}
@keyframes spark8 {
0% {
-webkit-transform: translateY(513px);
transform: translateY(513px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(292deg) translateX(119px);
transform: rotateZ(292deg) translateX(119px);
}
}
.line:nth-child(9) {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.line:nth-child(9) .spark {
width: 305px;
height: 270px;
-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 1547ms -599ms linear infinite;
animation: fire 1547ms -599ms linear infinite;
}
@-webkit-keyframes spark9 {
0% {
-webkit-transform: translateY(645px);
transform: translateY(645px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(79deg) translateX(269px);
transform: rotateZ(79deg) translateX(269px);
}
}
@keyframes spark9 {
0% {
-webkit-transform: translateY(645px);
transform: translateY(645px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(79deg) translateX(269px);
transform: rotateZ(79deg) translateX(269px);
}
}
.line:nth-child(10) {
-webkit-transform: rotateY(215deg);
transform: rotateY(215deg);
}
.line:nth-child(10) .spark {
width: 270px;
height: 323px;
-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 1721ms -869ms linear infinite;
animation: fire 1721ms -869ms linear infinite;
}
@-webkit-keyframes spark10 {
0% {
-webkit-transform: translateY(614px);
transform: translateY(614px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(108deg) translateX(242px);
transform: rotateZ(108deg) translateX(242px);
}
}
@keyframes spark10 {
0% {
-webkit-transform: translateY(614px);
transform: translateY(614px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(108deg) translateX(242px);
transform: rotateZ(108deg) translateX(242px);
}
}
.line:nth-child(11) {
-webkit-transform: rotateY(268deg);
transform: rotateY(268deg);
}
.line:nth-child(11) .spark {
width: 352px;
height: 232px;
-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 1369ms -198ms linear infinite;
animation: fire 1369ms -198ms linear infinite;
}
@-webkit-keyframes spark11 {
0% {
-webkit-transform: translateY(594px);
transform: translateY(594px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(261deg) translateX(242px);
transform: rotateZ(261deg) translateX(242px);
}
}
@keyframes spark11 {
0% {
-webkit-transform: translateY(594px);
transform: translateY(594px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(261deg) translateX(242px);
transform: rotateZ(261deg) translateX(242px);
}
}
.line:nth-child(12) {
-webkit-transform: rotateY(160deg);
transform: rotateY(160deg);
}
.line:nth-child(12) .spark {
width: 261px;
height: 231px;
-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 1043ms -165ms linear infinite;
animation: fire 1043ms -165ms linear infinite;
}
@-webkit-keyframes spark12 {
0% {
-webkit-transform: translateY(625px);
transform: translateY(625px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(130deg) translateX(178px);
transform: rotateZ(130deg) translateX(178px);
}
}
@keyframes spark12 {
0% {
-webkit-transform: translateY(625px);
transform: translateY(625px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(130deg) translateX(178px);
transform: rotateZ(130deg) translateX(178px);
}
}
.line:nth-child(13) {
-webkit-transform: rotateY(34deg);
transform: rotateY(34deg);
}
.line:nth-child(13) .spark {
width: 387px;
height: 201px;
-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 1009ms -648ms linear infinite;
animation: fire 1009ms -648ms linear infinite;
}
@-webkit-keyframes spark13 {
0% {
-webkit-transform: translateY(558px);
transform: translateY(558px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(301deg) translateX(258px);
transform: rotateZ(301deg) translateX(258px);
}
}
@keyframes spark13 {
0% {
-webkit-transform: translateY(558px);
transform: translateY(558px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(301deg) translateX(258px);
transform: rotateZ(301deg) translateX(258px);
}
}
.line:nth-child(14) {
-webkit-transform: rotateY(233deg);
transform: rotateY(233deg);
}
.line:nth-child(14) .spark {
width: 310px;
height: 316px;
-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 1752ms -773ms linear infinite;
animation: fire 1752ms -773ms linear infinite;
}
@-webkit-keyframes spark14 {
0% {
-webkit-transform: translateY(505px);
transform: translateY(505px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(304deg) translateX(121px);
transform: rotateZ(304deg) translateX(121px);
}
}
@keyframes spark14 {
0% {
-webkit-transform: translateY(505px);
transform: translateY(505px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(304deg) translateX(121px);
transform: rotateZ(304deg) translateX(121px);
}
}
.line:nth-child(15) {
-webkit-transform: rotateY(123deg);
transform: rotateY(123deg);
}
.line:nth-child(15) .spark {
width: 272px;
height: 201px;
-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 1627ms -245ms linear infinite;
animation: fire 1627ms -245ms linear infinite;
}
@-webkit-keyframes spark15 {
0% {
-webkit-transform: translateY(571px);
transform: translateY(571px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(146deg) translateX(299px);
transform: rotateZ(146deg) translateX(299px);
}
}
@keyframes spark15 {
0% {
-webkit-transform: translateY(571px);
transform: translateY(571px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(146deg) translateX(299px);
transform: rotateZ(146deg) translateX(299px);
}
}
.line:nth-child(16) {
-webkit-transform: rotateY(165deg);
transform: rotateY(165deg);
}
.line:nth-child(16) .spark {
width: 204px;
height: 236px;
-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 1432ms -734ms linear infinite;
animation: fire 1432ms -734ms linear infinite;
}
@-webkit-keyframes spark16 {
0% {
-webkit-transform: translateY(545px);
transform: translateY(545px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(325deg) translateX(165px);
transform: rotateZ(325deg) translateX(165px);
}
}
@keyframes spark16 {
0% {
-webkit-transform: translateY(545px);
transform: translateY(545px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(325deg) translateX(165px);
transform: rotateZ(325deg) translateX(165px);
}
}
.line:nth-child(17) {
-webkit-transform: rotateY(205deg);
transform: rotateY(205deg);
}
.line:nth-child(17) .spark {
width: 356px;
height: 336px;
-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 1339ms -606ms linear infinite;
animation: fire 1339ms -606ms linear infinite;
}
@-webkit-keyframes spark17 {
0% {
-webkit-transform: translateY(599px);
transform: translateY(599px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(20deg) translateX(247px);
transform: rotateZ(20deg) translateX(247px);
}
}
@keyframes spark17 {
0% {
-webkit-transform: translateY(599px);
transform: translateY(599px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(20deg) translateX(247px);
transform: rotateZ(20deg) translateX(247px);
}
}
.line:nth-child(18) {
-webkit-transform: rotateY(134deg);
transform: rotateY(134deg);
}
.line:nth-child(18) .spark {
width: 226px;
height: 348px;
-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 1917ms -915ms linear infinite;
animation: fire 1917ms -915ms linear infinite;
}
@-webkit-keyframes spark18 {
0% {
-webkit-transform: translateY(618px);
transform: translateY(618px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(303deg) translateX(143px);
transform: rotateZ(303deg) translateX(143px);
}
}
@keyframes spark18 {
0% {
-webkit-transform: translateY(618px);
transform: translateY(618px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(303deg) translateX(143px);
transform: rotateZ(303deg) translateX(143px);
}
}
.line:nth-child(19) {
-webkit-transform: rotateY(228deg);
transform: rotateY(228deg);
}
.line:nth-child(19) .spark {
width: 345px;
height: 255px;
-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 1586ms -851ms linear infinite;
animation: fire 1586ms -851ms linear infinite;
}
@-webkit-keyframes spark19 {
0% {
-webkit-transform: translateY(550px);
transform: translateY(550px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(157deg) translateX(110px);
transform: rotateZ(157deg) translateX(110px);
}
}
@keyframes spark19 {
0% {
-webkit-transform: translateY(550px);
transform: translateY(550px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(157deg) translateX(110px);
transform: rotateZ(157deg) translateX(110px);
}
}
.line:nth-child(20) {
-webkit-transform: rotateY(37deg);
transform: rotateY(37deg);
}
.line:nth-child(20) .spark {
width: 305px;
height: 251px;
-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 1077ms -58ms linear infinite;
animation: fire 1077ms -58ms linear infinite;
}
@-webkit-keyframes spark20 {
0% {
-webkit-transform: translateY(601px);
transform: translateY(601px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(171deg) translateX(176px);
transform: rotateZ(171deg) translateX(176px);
}
}
@keyframes spark20 {
0% {
-webkit-transform: translateY(601px);
transform: translateY(601px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(171deg) translateX(176px);
transform: rotateZ(171deg) translateX(176px);
}
}
.line:nth-child(21) {
-webkit-transform: rotateY(19deg);
transform: rotateY(19deg);
}
.line:nth-child(21) .spark {
width: 229px;
height: 342px;
-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 1781ms -889ms linear infinite;
animation: fire 1781ms -889ms linear infinite;
}
@-webkit-keyframes spark21 {
0% {
-webkit-transform: translateY(505px);
transform: translateY(505px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(276deg) translateX(260px);
transform: rotateZ(276deg) translateX(260px);
}
}
@keyframes spark21 {
0% {
-webkit-transform: translateY(505px);
transform: translateY(505px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(276deg) translateX(260px);
transform: rotateZ(276deg) translateX(260px);
}
}
.line:nth-child(22) {
-webkit-transform: rotateY(305deg);
transform: rotateY(305deg);
}
.line:nth-child(22) .spark {
width: 338px;
height: 260px;
-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 1252ms -321ms linear infinite;
animation: fire 1252ms -321ms linear infinite;
}
@-webkit-keyframes spark22 {
0% {
-webkit-transform: translateY(642px);
transform: translateY(642px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(227deg) translateX(183px);
transform: rotateZ(227deg) translateX(183px);
}
}
@keyframes spark22 {
0% {
-webkit-transform: translateY(642px);
transform: translateY(642px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(227deg) translateX(183px);
transform: rotateZ(227deg) translateX(183px);
}
}
.line:nth-child(23) {
-webkit-transform: rotateY(148deg);
transform: rotateY(148deg);
}
.line:nth-child(23) .spark {
width: 281px;
height: 386px;
-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 1554ms -791ms linear infinite;
animation: fire 1554ms -791ms linear infinite;
}
@-webkit-keyframes spark23 {
0% {
-webkit-transform: translateY(542px);
transform: translateY(542px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(148deg) translateX(151px);
transform: rotateZ(148deg) translateX(151px);
}
}
@keyframes spark23 {
0% {
-webkit-transform: translateY(542px);
transform: translateY(542px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(148deg) translateX(151px);
transform: rotateZ(148deg) translateX(151px);
}
}
.line:nth-child(24) {
-webkit-transform: rotateY(259deg);
transform: rotateY(259deg);
}
.line:nth-child(24) .spark {
width: 355px;
height: 301px;
-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 1540ms -363ms linear infinite;
animation: fire 1540ms -363ms linear infinite;
}
@-webkit-keyframes spark24 {
0% {
-webkit-transform: translateY(509px);
transform: translateY(509px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(303deg) translateX(266px);
transform: rotateZ(303deg) translateX(266px);
}
}
@keyframes spark24 {
0% {
-webkit-transform: translateY(509px);
transform: translateY(509px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(303deg) translateX(266px);
transform: rotateZ(303deg) translateX(266px);
}
}
.line:nth-child(25) {
-webkit-transform: rotateY(294deg);
transform: rotateY(294deg);
}
.line:nth-child(25) .spark {
width: 237px;
height: 359px;
-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 1554ms -509ms linear infinite;
animation: fire 1554ms -509ms linear infinite;
}
@-webkit-keyframes spark25 {
0% {
-webkit-transform: translateY(630px);
transform: translateY(630px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(19deg) translateX(287px);
transform: rotateZ(19deg) translateX(287px);
}
}
@keyframes spark25 {
0% {
-webkit-transform: translateY(630px);
transform: translateY(630px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(19deg) translateX(287px);
transform: rotateZ(19deg) translateX(287px);
}
}
.line:nth-child(26) {
-webkit-transform: rotateY(223deg);
transform: rotateY(223deg);
}
.line:nth-child(26) .spark {
width: 262px;
height: 330px;
-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 1726ms -964ms linear infinite;
animation: fire 1726ms -964ms linear infinite;
}
@-webkit-keyframes spark26 {
0% {
-webkit-transform: translateY(548px);
transform: translateY(548px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(170deg) translateX(291px);
transform: rotateZ(170deg) translateX(291px);
}
}
@keyframes spark26 {
0% {
-webkit-transform: translateY(548px);
transform: translateY(548px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(170deg) translateX(291px);
transform: rotateZ(170deg) translateX(291px);
}
}
.line:nth-child(27) {
-webkit-transform: rotateY(222deg);
transform: rotateY(222deg);
}
.line:nth-child(27) .spark {
width: 256px;
height: 275px;
-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 1499ms -385ms linear infinite;
animation: fire 1499ms -385ms linear infinite;
}
@-webkit-keyframes spark27 {
0% {
-webkit-transform: translateY(603px);
transform: translateY(603px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(232deg) translateX(183px);
transform: rotateZ(232deg) translateX(183px);
}
}
@keyframes spark27 {
0% {
-webkit-transform: translateY(603px);
transform: translateY(603px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(232deg) translateX(183px);
transform: rotateZ(232deg) translateX(183px);
}
}
.line:nth-child(28) {
-webkit-transform: rotateY(340deg);
transform: rotateY(340deg);
}
.line:nth-child(28) .spark {
width: 400px;
height: 287px;
-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 1654ms -11ms linear infinite;
animation: fire 1654ms -11ms linear infinite;
}
@-webkit-keyframes spark28 {
0% {
-webkit-transform: translateY(611px);
transform: translateY(611px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(140deg) translateX(111px);
transform: rotateZ(140deg) translateX(111px);
}
}
@keyframes spark28 {
0% {
-webkit-transform: translateY(611px);
transform: translateY(611px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(140deg) translateX(111px);
transform: rotateZ(140deg) translateX(111px);
}
}
.line:nth-child(29) {
-webkit-transform: rotateY(62deg);
transform: rotateY(62deg);
}
.line:nth-child(29) .spark {
width: 301px;
height: 237px;
-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 1818ms -46ms linear infinite;
animation: fire 1818ms -46ms linear infinite;
}
@-webkit-keyframes spark29 {
0% {
-webkit-transform: translateY(624px);
transform: translateY(624px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(256deg) translateX(113px);
transform: rotateZ(256deg) translateX(113px);
}
}
@keyframes spark29 {
0% {
-webkit-transform: translateY(624px);
transform: translateY(624px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(256deg) translateX(113px);
transform: rotateZ(256deg) translateX(113px);
}
}
.line:nth-child(30) {
-webkit-transform: rotateY(113deg);
transform: rotateY(113deg);
}
.line:nth-child(30) .spark {
width: 364px;
height: 257px;
-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 1777ms -750ms linear infinite;
animation: fire 1777ms -750ms linear infinite;
}
@-webkit-keyframes spark30 {
0% {
-webkit-transform: translateY(629px);
transform: translateY(629px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(167deg) translateX(247px);
transform: rotateZ(167deg) translateX(247px);
}
}
@keyframes spark30 {
0% {
-webkit-transform: translateY(629px);
transform: translateY(629px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(167deg) translateX(247px);
transform: rotateZ(167deg) translateX(247px);
}
}
.line:nth-child(31) {
-webkit-transform: rotateY(275deg);
transform: rotateY(275deg);
}
.line:nth-child(31) .spark {
width: 220px;
height: 394px;
-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 1875ms -424ms linear infinite;
animation: fire 1875ms -424ms linear infinite;
}
@-webkit-keyframes spark31 {
0% {
-webkit-transform: translateY(579px);
transform: translateY(579px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(115deg) translateX(129px);
transform: rotateZ(115deg) translateX(129px);
}
}
@keyframes spark31 {
0% {
-webkit-transform: translateY(579px);
transform: translateY(579px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(115deg) translateX(129px);
transform: rotateZ(115deg) translateX(129px);
}
}
.line:nth-child(32) {
-webkit-transform: rotateY(197deg);
transform: rotateY(197deg);
}
.line:nth-child(32) .spark {
width: 316px;
height: 298px;
-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 1435ms -109ms linear infinite;
animation: fire 1435ms -109ms linear infinite;
}
@-webkit-keyframes spark32 {
0% {
-webkit-transform: translateY(561px);
transform: translateY(561px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(43deg) translateX(225px);
transform: rotateZ(43deg) translateX(225px);
}
}
@keyframes spark32 {
0% {
-webkit-transform: translateY(561px);
transform: translateY(561px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(43deg) translateX(225px);
transform: rotateZ(43deg) translateX(225px);
}
}
.line:nth-child(33) {
-webkit-transform: rotateY(9deg);
transform: rotateY(9deg);
}
.line:nth-child(33) .spark {
width: 334px;
height: 289px;
-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 1802ms -879ms linear infinite;
animation: fire 1802ms -879ms linear infinite;
}
@-webkit-keyframes spark33 {
0% {
-webkit-transform: translateY(536px);
transform: translateY(536px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(124deg) translateX(269px);
transform: rotateZ(124deg) translateX(269px);
}
}
@keyframes spark33 {
0% {
-webkit-transform: translateY(536px);
transform: translateY(536px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(124deg) translateX(269px);
transform: rotateZ(124deg) translateX(269px);
}
}
.line:nth-child(34) {
-webkit-transform: rotateY(201deg);
transform: rotateY(201deg);
}
.line:nth-child(34) .spark {
width: 356px;
height: 388px;
-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 1598ms -744ms linear infinite;
animation: fire 1598ms -744ms linear infinite;
}
@-webkit-keyframes spark34 {
0% {
-webkit-transform: translateY(627px);
transform: translateY(627px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(17deg) translateX(103px);
transform: rotateZ(17deg) translateX(103px);
}
}
@keyframes spark34 {
0% {
-webkit-transform: translateY(627px);
transform: translateY(627px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(17deg) translateX(103px);
transform: rotateZ(17deg) translateX(103px);
}
}
.line:nth-child(35) {
-webkit-transform: rotateY(319deg);
transform: rotateY(319deg);
}
.line:nth-child(35) .spark {
width: 203px;
height: 259px;
-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 1822ms -143ms linear infinite;
animation: fire 1822ms -143ms linear infinite;
}
@-webkit-keyframes spark35 {
0% {
-webkit-transform: translateY(508px);
transform: translateY(508px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(140deg) translateX(245px);
transform: rotateZ(140deg) translateX(245px);
}
}
@keyframes spark35 {
0% {
-webkit-transform: translateY(508px);
transform: translateY(508px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(140deg) translateX(245px);
transform: rotateZ(140deg) translateX(245px);
}
}
.line:nth-child(36) {
-webkit-transform: rotateY(299deg);
transform: rotateY(299deg);
}
.line:nth-child(36) .spark {
width: 400px;
height: 309px;
-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 1365ms -720ms linear infinite;
animation: fire 1365ms -720ms linear infinite;
}
@-webkit-keyframes spark36 {
0% {
-webkit-transform: translateY(537px);
transform: translateY(537px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(315deg) translateX(211px);
transform: rotateZ(315deg) translateX(211px);
}
}
@keyframes spark36 {
0% {
-webkit-transform: translateY(537px);
transform: translateY(537px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(315deg) translateX(211px);
transform: rotateZ(315deg) translateX(211px);
}
}
.line:nth-child(37) {
-webkit-transform: rotateY(113deg);
transform: rotateY(113deg);
}
.line:nth-child(37) .spark {
width: 205px;
height: 396px;
-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 1809ms -862ms linear infinite;
animation: fire 1809ms -862ms linear infinite;
}
@-webkit-keyframes spark37 {
0% {
-webkit-transform: translateY(621px);
transform: translateY(621px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(309deg) translateX(131px);
transform: rotateZ(309deg) translateX(131px);
}
}
@keyframes spark37 {
0% {
-webkit-transform: translateY(621px);
transform: translateY(621px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(309deg) translateX(131px);
transform: rotateZ(309deg) translateX(131px);
}
}
.line:nth-child(38) {
-webkit-transform: rotateY(44deg);
transform: rotateY(44deg);
}
.line:nth-child(38) .spark {
width: 244px;
height: 297px;
-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 1742ms -143ms linear infinite;
animation: fire 1742ms -143ms linear infinite;
}
@-webkit-keyframes spark38 {
0% {
-webkit-transform: translateY(584px);
transform: translateY(584px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(279deg) translateX(294px);
transform: rotateZ(279deg) translateX(294px);
}
}
@keyframes spark38 {
0% {
-webkit-transform: translateY(584px);
transform: translateY(584px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(279deg) translateX(294px);
transform: rotateZ(279deg) translateX(294px);
}
}
.line:nth-child(39) {
-webkit-transform: rotateY(154deg);
transform: rotateY(154deg);
}
.line:nth-child(39) .spark {
width: 281px;
height: 224px;
-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 1992ms -142ms linear infinite;
animation: fire 1992ms -142ms linear infinite;
}
@-webkit-keyframes spark39 {
0% {
-webkit-transform: translateY(627px);
transform: translateY(627px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(12deg) translateX(208px);
transform: rotateZ(12deg) translateX(208px);
}
}
@keyframes spark39 {
0% {
-webkit-transform: translateY(627px);
transform: translateY(627px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(12deg) translateX(208px);
transform: rotateZ(12deg) translateX(208px);
}
}
.line:nth-child(40) {
-webkit-transform: rotateY(128deg);
transform: rotateY(128deg);
}
.line:nth-child(40) .spark {
width: 298px;
height: 273px;
-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 1264ms -338ms linear infinite;
animation: fire 1264ms -338ms linear infinite;
}
@-webkit-keyframes spark40 {
0% {
-webkit-transform: translateY(513px);
transform: translateY(513px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(319deg) translateX(259px);
transform: rotateZ(319deg) translateX(259px);
}
}
@keyframes spark40 {
0% {
-webkit-transform: translateY(513px);
transform: translateY(513px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(319deg) translateX(259px);
transform: rotateZ(319deg) translateX(259px);
}
}
.line:nth-child(41) {
-webkit-transform: rotateY(334deg);
transform: rotateY(334deg);
}
.line:nth-child(41) .spark {
width: 249px;
height: 378px;
-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 1505ms -553ms linear infinite;
animation: fire 1505ms -553ms linear infinite;
}
@-webkit-keyframes spark41 {
0% {
-webkit-transform: translateY(587px);
transform: translateY(587px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(351deg) translateX(283px);
transform: rotateZ(351deg) translateX(283px);
}
}
@keyframes spark41 {
0% {
-webkit-transform: translateY(587px);
transform: translateY(587px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(351deg) translateX(283px);
transform: rotateZ(351deg) translateX(283px);
}
}
.line:nth-child(42) {
-webkit-transform: rotateY(220deg);
transform: rotateY(220deg);
}
.line:nth-child(42) .spark {
width: 306px;
height: 259px;
-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 1186ms -510ms linear infinite;
animation: fire 1186ms -510ms linear infinite;
}
@-webkit-keyframes spark42 {
0% {
-webkit-transform: translateY(543px);
transform: translateY(543px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(185deg) translateX(293px);
transform: rotateZ(185deg) translateX(293px);
}
}
@keyframes spark42 {
0% {
-webkit-transform: translateY(543px);
transform: translateY(543px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(185deg) translateX(293px);
transform: rotateZ(185deg) translateX(293px);
}
}
.line:nth-child(43) {
-webkit-transform: rotateY(221deg);
transform: rotateY(221deg);
}
.line:nth-child(43) .spark {
width: 300px;
height: 359px;
-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 1947ms -606ms linear infinite;
animation: fire 1947ms -606ms linear infinite;
}
@-webkit-keyframes spark43 {
0% {
-webkit-transform: translateY(649px);
transform: translateY(649px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(307deg) translateX(161px);
transform: rotateZ(307deg) translateX(161px);
}
}
@keyframes spark43 {
0% {
-webkit-transform: translateY(649px);
transform: translateY(649px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(307deg) translateX(161px);
transform: rotateZ(307deg) translateX(161px);
}
}
.line:nth-child(44) {
-webkit-transform: rotateY(255deg);
transform: rotateY(255deg);
}
.line:nth-child(44) .spark {
width: 389px;
height: 387px;
-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 1522ms -707ms linear infinite;
animation: fire 1522ms -707ms linear infinite;
}
@-webkit-keyframes spark44 {
0% {
-webkit-transform: translateY(524px);
transform: translateY(524px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(243deg) translateX(220px);
transform: rotateZ(243deg) translateX(220px);
}
}
@keyframes spark44 {
0% {
-webkit-transform: translateY(524px);
transform: translateY(524px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(243deg) translateX(220px);
transform: rotateZ(243deg) translateX(220px);
}
}
.line:nth-child(45) {
-webkit-transform: rotateY(222deg);
transform: rotateY(222deg);
}
.line:nth-child(45) .spark {
width: 351px;
height: 399px;
-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 1952ms -293ms linear infinite;
animation: fire 1952ms -293ms linear infinite;
}
@-webkit-keyframes spark45 {
0% {
-webkit-transform: translateY(552px);
transform: translateY(552px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(158deg) translateX(285px);
transform: rotateZ(158deg) translateX(285px);
}
}
@keyframes spark45 {
0% {
-webkit-transform: translateY(552px);
transform: translateY(552px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(158deg) translateX(285px);
transform: rotateZ(158deg) translateX(285px);
}
}
.line:nth-child(46) {
-webkit-transform: rotateY(226deg);
transform: rotateY(226deg);
}
.line:nth-child(46) .spark {
width: 362px;
height: 246px;
-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 1715ms -919ms linear infinite;
animation: fire 1715ms -919ms linear infinite;
}
@-webkit-keyframes spark46 {
0% {
-webkit-transform: translateY(539px);
transform: translateY(539px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(276deg) translateX(199px);
transform: rotateZ(276deg) translateX(199px);
}
}
@keyframes spark46 {
0% {
-webkit-transform: translateY(539px);
transform: translateY(539px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(276deg) translateX(199px);
transform: rotateZ(276deg) translateX(199px);
}
}
.line:nth-child(47) {
-webkit-transform: rotateY(75deg);
transform: rotateY(75deg);
}
.line:nth-child(47) .spark {
width: 299px;
height: 270px;
-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 1411ms -596ms linear infinite;
animation: fire 1411ms -596ms linear infinite;
}
@-webkit-keyframes spark47 {
0% {
-webkit-transform: translateY(643px);
transform: translateY(643px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(57deg) translateX(160px);
transform: rotateZ(57deg) translateX(160px);
}
}
@keyframes spark47 {
0% {
-webkit-transform: translateY(643px);
transform: translateY(643px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(57deg) translateX(160px);
transform: rotateZ(57deg) translateX(160px);
}
}
.line:nth-child(48) {
-webkit-transform: rotateY(89deg);
transform: rotateY(89deg);
}
.line:nth-child(48) .spark {
width: 221px;
height: 242px;
-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 1892ms -619ms linear infinite;
animation: fire 1892ms -619ms linear infinite;
}
@-webkit-keyframes spark48 {
0% {
-webkit-transform: translateY(537px);
transform: translateY(537px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(169deg) translateX(183px);
transform: rotateZ(169deg) translateX(183px);
}
}
@keyframes spark48 {
0% {
-webkit-transform: translateY(537px);
transform: translateY(537px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(169deg) translateX(183px);
transform: rotateZ(169deg) translateX(183px);
}
}
.line:nth-child(49) {
-webkit-transform: rotateY(107deg);
transform: rotateY(107deg);
}
.line:nth-child(49) .spark {
width: 242px;
height: 346px;
-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 1996ms -605ms linear infinite;
animation: fire 1996ms -605ms linear infinite;
}
@-webkit-keyframes spark49 {
0% {
-webkit-transform: translateY(504px);
transform: translateY(504px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(238deg) translateX(129px);
transform: rotateZ(238deg) translateX(129px);
}
}
@keyframes spark49 {
0% {
-webkit-transform: translateY(504px);
transform: translateY(504px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(238deg) translateX(129px);
transform: rotateZ(238deg) translateX(129px);
}
}
.line:nth-child(50) {
-webkit-transform: rotateY(35deg);
transform: rotateY(35deg);
}
.line:nth-child(50) .spark {
width: 234px;
height: 222px;
-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 1950ms -597ms linear infinite;
animation: fire 1950ms -597ms linear infinite;
}
@-webkit-keyframes spark50 {
0% {
-webkit-transform: translateY(615px);
transform: translateY(615px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(133deg) translateX(107px);
transform: rotateZ(133deg) translateX(107px);
}
}
@keyframes spark50 {
0% {
-webkit-transform: translateY(615px);
transform: translateY(615px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(133deg) translateX(107px);
transform: rotateZ(133deg) translateX(107px);
}
}
.line:nth-child(51) {
-webkit-transform: rotateY(218deg);
transform: rotateY(218deg);
}
.line:nth-child(51) .spark {
width: 356px;
height: 299px;
-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 1920ms -905ms linear infinite;
animation: fire 1920ms -905ms linear infinite;
}
@-webkit-keyframes spark51 {
0% {
-webkit-transform: translateY(650px);
transform: translateY(650px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(359deg) translateX(288px);
transform: rotateZ(359deg) translateX(288px);
}
}
@keyframes spark51 {
0% {
-webkit-transform: translateY(650px);
transform: translateY(650px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(359deg) translateX(288px);
transform: rotateZ(359deg) translateX(288px);
}
}
.line:nth-child(52) {
-webkit-transform: rotateY(297deg);
transform: rotateY(297deg);
}
.line:nth-child(52) .spark {
width: 238px;
height: 272px;
-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 1903ms -73ms linear infinite;
animation: fire 1903ms -73ms linear infinite;
}
@-webkit-keyframes spark52 {
0% {
-webkit-transform: translateY(598px);
transform: translateY(598px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(46deg) translateX(299px);
transform: rotateZ(46deg) translateX(299px);
}
}
@keyframes spark52 {
0% {
-webkit-transform: translateY(598px);
transform: translateY(598px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(46deg) translateX(299px);
transform: rotateZ(46deg) translateX(299px);
}
}
.line:nth-child(53) {
-webkit-transform: rotateY(291deg);
transform: rotateY(291deg);
}
.line:nth-child(53) .spark {
width: 328px;
height: 375px;
-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 1093ms -857ms linear infinite;
animation: fire 1093ms -857ms linear infinite;
}
@-webkit-keyframes spark53 {
0% {
-webkit-transform: translateY(616px);
transform: translateY(616px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(150deg) translateX(132px);
transform: rotateZ(150deg) translateX(132px);
}
}
@keyframes spark53 {
0% {
-webkit-transform: translateY(616px);
transform: translateY(616px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(150deg) translateX(132px);
transform: rotateZ(150deg) translateX(132px);
}
}
.line:nth-child(54) {
-webkit-transform: rotateY(313deg);
transform: rotateY(313deg);
}
.line:nth-child(54) .spark {
width: 325px;
height: 269px;
-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 1694ms -547ms linear infinite;
animation: fire 1694ms -547ms linear infinite;
}
@-webkit-keyframes spark54 {
0% {
-webkit-transform: translateY(549px);
transform: translateY(549px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(312deg) translateX(131px);
transform: rotateZ(312deg) translateX(131px);
}
}
@keyframes spark54 {
0% {
-webkit-transform: translateY(549px);
transform: translateY(549px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(312deg) translateX(131px);
transform: rotateZ(312deg) translateX(131px);
}
}
.line:nth-child(55) {
-webkit-transform: rotateY(43deg);
transform: rotateY(43deg);
}
.line:nth-child(55) .spark {
width: 271px;
height: 221px;
-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 1038ms -931ms linear infinite;
animation: fire 1038ms -931ms linear infinite;
}
@-webkit-keyframes spark55 {
0% {
-webkit-transform: translateY(554px);
transform: translateY(554px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(14deg) translateX(156px);
transform: rotateZ(14deg) translateX(156px);
}
}
@keyframes spark55 {
0% {
-webkit-transform: translateY(554px);
transform: translateY(554px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(14deg) translateX(156px);
transform: rotateZ(14deg) translateX(156px);
}
}
.line:nth-child(56) {
-webkit-transform: rotateY(279deg);
transform: rotateY(279deg);
}
.line:nth-child(56) .spark {
width: 375px;
height: 208px;
-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 1546ms -19ms linear infinite;
animation: fire 1546ms -19ms linear infinite;
}
@-webkit-keyframes spark56 {
0% {
-webkit-transform: translateY(626px);
transform: translateY(626px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(38deg) translateX(210px);
transform: rotateZ(38deg) translateX(210px);
}
}
@keyframes spark56 {
0% {
-webkit-transform: translateY(626px);
transform: translateY(626px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(38deg) translateX(210px);
transform: rotateZ(38deg) translateX(210px);
}
}
.line:nth-child(57) {
-webkit-transform: rotateY(56deg);
transform: rotateY(56deg);
}
.line:nth-child(57) .spark {
width: 226px;
height: 324px;
-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 1116ms -726ms linear infinite;
animation: fire 1116ms -726ms linear infinite;
}
@-webkit-keyframes spark57 {
0% {
-webkit-transform: translateY(608px);
transform: translateY(608px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(344deg) translateX(159px);
transform: rotateZ(344deg) translateX(159px);
}
}
@keyframes spark57 {
0% {
-webkit-transform: translateY(608px);
transform: translateY(608px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(344deg) translateX(159px);
transform: rotateZ(344deg) translateX(159px);
}
}
.line:nth-child(58) {
-webkit-transform: rotateY(299deg);
transform: rotateY(299deg);
}
.line:nth-child(58) .spark {
width: 395px;
height: 242px;
-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 1817ms -156ms linear infinite;
animation: fire 1817ms -156ms linear infinite;
}
@-webkit-keyframes spark58 {
0% {
-webkit-transform: translateY(574px);
transform: translateY(574px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(284deg) translateX(164px);
transform: rotateZ(284deg) translateX(164px);
}
}
@keyframes spark58 {
0% {
-webkit-transform: translateY(574px);
transform: translateY(574px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(284deg) translateX(164px);
transform: rotateZ(284deg) translateX(164px);
}
}
.line:nth-child(59) {
-webkit-transform: rotateY(348deg);
transform: rotateY(348deg);
}
.line:nth-child(59) .spark {
width: 233px;
height: 278px;
-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 1566ms -43ms linear infinite;
animation: fire 1566ms -43ms linear infinite;
}
@-webkit-keyframes spark59 {
0% {
-webkit-transform: translateY(579px);
transform: translateY(579px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(219deg) translateX(140px);
transform: rotateZ(219deg) translateX(140px);
}
}
@keyframes spark59 {
0% {
-webkit-transform: translateY(579px);
transform: translateY(579px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(219deg) translateX(140px);
transform: rotateZ(219deg) translateX(140px);
}
}
.line:nth-child(60) {
-webkit-transform: rotateY(63deg);
transform: rotateY(63deg);
}
.line:nth-child(60) .spark {
width: 259px;
height: 259px;
-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 1269ms -415ms linear infinite;
animation: fire 1269ms -415ms linear infinite;
}
@-webkit-keyframes spark60 {
0% {
-webkit-transform: translateY(557px);
transform: translateY(557px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(118deg) translateX(193px);
transform: rotateZ(118deg) translateX(193px);
}
}
@keyframes spark60 {
0% {
-webkit-transform: translateY(557px);
transform: translateY(557px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(118deg) translateX(193px);
transform: rotateZ(118deg) translateX(193px);
}
}
.line:nth-child(61) {
-webkit-transform: rotateY(131deg);
transform: rotateY(131deg);
}
.line:nth-child(61) .spark {
width: 222px;
height: 267px;
-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 1355ms -252ms linear infinite;
animation: fire 1355ms -252ms linear infinite;
}
@-webkit-keyframes spark61 {
0% {
-webkit-transform: translateY(533px);
transform: translateY(533px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(293deg) translateX(136px);
transform: rotateZ(293deg) translateX(136px);
}
}
@keyframes spark61 {
0% {
-webkit-transform: translateY(533px);
transform: translateY(533px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(293deg) translateX(136px);
transform: rotateZ(293deg) translateX(136px);
}
}
.line:nth-child(62) {
-webkit-transform: rotateY(76deg);
transform: rotateY(76deg);
}
.line:nth-child(62) .spark {
width: 381px;
height: 286px;
-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 1940ms -701ms linear infinite;
animation: fire 1940ms -701ms linear infinite;
}
@-webkit-keyframes spark62 {
0% {
-webkit-transform: translateY(577px);
transform: translateY(577px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(63deg) translateX(238px);
transform: rotateZ(63deg) translateX(238px);
}
}
@keyframes spark62 {
0% {
-webkit-transform: translateY(577px);
transform: translateY(577px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(63deg) translateX(238px);
transform: rotateZ(63deg) translateX(238px);
}
}
.line:nth-child(63) {
-webkit-transform: rotateY(222deg);
transform: rotateY(222deg);
}
.line:nth-child(63) .spark {
width: 219px;
height: 233px;
-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 1878ms -218ms linear infinite;
animation: fire 1878ms -218ms linear infinite;
}
@-webkit-keyframes spark63 {
0% {
-webkit-transform: translateY(643px);
transform: translateY(643px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(167deg) translateX(172px);
transform: rotateZ(167deg) translateX(172px);
}
}
@keyframes spark63 {
0% {
-webkit-transform: translateY(643px);
transform: translateY(643px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(167deg) translateX(172px);
transform: rotateZ(167deg) translateX(172px);
}
}
.line:nth-child(64) {
-webkit-transform: rotateY(80deg);
transform: rotateY(80deg);
}
.line:nth-child(64) .spark {
width: 204px;
height: 287px;
-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 1297ms -441ms linear infinite;
animation: fire 1297ms -441ms linear infinite;
}
@-webkit-keyframes spark64 {
0% {
-webkit-transform: translateY(556px);
transform: translateY(556px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(24deg) translateX(192px);
transform: rotateZ(24deg) translateX(192px);
}
}
@keyframes spark64 {
0% {
-webkit-transform: translateY(556px);
transform: translateY(556px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(24deg) translateX(192px);
transform: rotateZ(24deg) translateX(192px);
}
}
.line:nth-child(65) {
-webkit-transform: rotateY(192deg);
transform: rotateY(192deg);
}
.line:nth-child(65) .spark {
width: 319px;
height: 387px;
-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 1925ms -256ms linear infinite;
animation: fire 1925ms -256ms linear infinite;
}
@-webkit-keyframes spark65 {
0% {
-webkit-transform: translateY(644px);
transform: translateY(644px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(304deg) translateX(183px);
transform: rotateZ(304deg) translateX(183px);
}
}
@keyframes spark65 {
0% {
-webkit-transform: translateY(644px);
transform: translateY(644px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(304deg) translateX(183px);
transform: rotateZ(304deg) translateX(183px);
}
}
.line:nth-child(66) {
-webkit-transform: rotateY(275deg);
transform: rotateY(275deg);
}
.line:nth-child(66) .spark {
width: 321px;
height: 351px;
-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 1540ms -62ms linear infinite;
animation: fire 1540ms -62ms linear infinite;
}
@-webkit-keyframes spark66 {
0% {
-webkit-transform: translateY(553px);
transform: translateY(553px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(322deg) translateX(112px);
transform: rotateZ(322deg) translateX(112px);
}
}
@keyframes spark66 {
0% {
-webkit-transform: translateY(553px);
transform: translateY(553px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(322deg) translateX(112px);
transform: rotateZ(322deg) translateX(112px);
}
}
.line:nth-child(67) {
-webkit-transform: rotateY(335deg);
transform: rotateY(335deg);
}
.line:nth-child(67) .spark {
width: 385px;
height: 370px;
-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 1232ms -144ms linear infinite;
animation: fire 1232ms -144ms linear infinite;
}
@-webkit-keyframes spark67 {
0% {
-webkit-transform: translateY(564px);
transform: translateY(564px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(282deg) translateX(179px);
transform: rotateZ(282deg) translateX(179px);
}
}
@keyframes spark67 {
0% {
-webkit-transform: translateY(564px);
transform: translateY(564px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(282deg) translateX(179px);
transform: rotateZ(282deg) translateX(179px);
}
}
.line:nth-child(68) {
-webkit-transform: rotateY(48deg);
transform: rotateY(48deg);
}
.line:nth-child(68) .spark {
width: 382px;
height: 318px;
-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 1359ms -121ms linear infinite;
animation: fire 1359ms -121ms linear infinite;
}
@-webkit-keyframes spark68 {
0% {
-webkit-transform: translateY(632px);
transform: translateY(632px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(76deg) translateX(229px);
transform: rotateZ(76deg) translateX(229px);
}
}
@keyframes spark68 {
0% {
-webkit-transform: translateY(632px);
transform: translateY(632px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(76deg) translateX(229px);
transform: rotateZ(76deg) translateX(229px);
}
}
.line:nth-child(69) {
-webkit-transform: rotateY(155deg);
transform: rotateY(155deg);
}
.line:nth-child(69) .spark {
width: 247px;
height: 248px;
-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 1930ms -612ms linear infinite;
animation: fire 1930ms -612ms linear infinite;
}
@-webkit-keyframes spark69 {
0% {
-webkit-transform: translateY(633px);
transform: translateY(633px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(150deg) translateX(143px);
transform: rotateZ(150deg) translateX(143px);
}
}
@keyframes spark69 {
0% {
-webkit-transform: translateY(633px);
transform: translateY(633px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(150deg) translateX(143px);
transform: rotateZ(150deg) translateX(143px);
}
}
.line:nth-child(70) {
-webkit-transform: rotateY(85deg);
transform: rotateY(85deg);
}
.line:nth-child(70) .spark {
width: 255px;
height: 347px;
-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 1662ms -287ms linear infinite;
animation: fire 1662ms -287ms linear infinite;
}
@-webkit-keyframes spark70 {
0% {
-webkit-transform: translateY(527px);
transform: translateY(527px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(40deg) translateX(102px);
transform: rotateZ(40deg) translateX(102px);
}
}
@keyframes spark70 {
0% {
-webkit-transform: translateY(527px);
transform: translateY(527px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(40deg) translateX(102px);
transform: rotateZ(40deg) translateX(102px);
}
}
.line:nth-child(71) {
-webkit-transform: rotateY(285deg);
transform: rotateY(285deg);
}
.line:nth-child(71) .spark {
width: 288px;
height: 248px;
-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 1250ms -443ms linear infinite;
animation: fire 1250ms -443ms linear infinite;
}
@-webkit-keyframes spark71 {
0% {
-webkit-transform: translateY(604px);
transform: translateY(604px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(64deg) translateX(196px);
transform: rotateZ(64deg) translateX(196px);
}
}
@keyframes spark71 {
0% {
-webkit-transform: translateY(604px);
transform: translateY(604px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(64deg) translateX(196px);
transform: rotateZ(64deg) translateX(196px);
}
}
.line:nth-child(72) {
-webkit-transform: rotateY(19deg);
transform: rotateY(19deg);
}
.line:nth-child(72) .spark {
width: 373px;
height: 297px;
-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 1153ms -99ms linear infinite;
animation: fire 1153ms -99ms linear infinite;
}
@-webkit-keyframes spark72 {
0% {
-webkit-transform: translateY(650px);
transform: translateY(650px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(88deg) translateX(110px);
transform: rotateZ(88deg) translateX(110px);
}
}
@keyframes spark72 {
0% {
-webkit-transform: translateY(650px);
transform: translateY(650px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(88deg) translateX(110px);
transform: rotateZ(88deg) translateX(110px);
}
}
.line:nth-child(73) {
-webkit-transform: rotateY(114deg);
transform: rotateY(114deg);
}
.line:nth-child(73) .spark {
width: 208px;
height: 394px;
-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 1928ms -272ms linear infinite;
animation: fire 1928ms -272ms linear infinite;
}
@-webkit-keyframes spark73 {
0% {
-webkit-transform: translateY(537px);
transform: translateY(537px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(302deg) translateX(106px);
transform: rotateZ(302deg) translateX(106px);
}
}
@keyframes spark73 {
0% {
-webkit-transform: translateY(537px);
transform: translateY(537px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(302deg) translateX(106px);
transform: rotateZ(302deg) translateX(106px);
}
}
.line:nth-child(74) {
-webkit-transform: rotateY(91deg);
transform: rotateY(91deg);
}
.line:nth-child(74) .spark {
width: 309px;
height: 364px;
-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 1610ms -627ms linear infinite;
animation: fire 1610ms -627ms linear infinite;
}
@-webkit-keyframes spark74 {
0% {
-webkit-transform: translateY(559px);
transform: translateY(559px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(66deg) translateX(107px);
transform: rotateZ(66deg) translateX(107px);
}
}
@keyframes spark74 {
0% {
-webkit-transform: translateY(559px);
transform: translateY(559px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(66deg) translateX(107px);
transform: rotateZ(66deg) translateX(107px);
}
}
.line:nth-child(75) {
-webkit-transform: rotateY(253deg);
transform: rotateY(253deg);
}
.line:nth-child(75) .spark {
width: 380px;
height: 281px;
-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 1309ms -604ms linear infinite;
animation: fire 1309ms -604ms linear infinite;
}
@-webkit-keyframes spark75 {
0% {
-webkit-transform: translateY(566px);
transform: translateY(566px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(59deg) translateX(206px);
transform: rotateZ(59deg) translateX(206px);
}
}
@keyframes spark75 {
0% {
-webkit-transform: translateY(566px);
transform: translateY(566px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(59deg) translateX(206px);
transform: rotateZ(59deg) translateX(206px);
}
}
.line:nth-child(76) {
-webkit-transform: rotateY(7deg);
transform: rotateY(7deg);
}
.line:nth-child(76) .spark {
width: 247px;
height: 315px;
-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 1110ms -382ms linear infinite;
animation: fire 1110ms -382ms linear infinite;
}
@-webkit-keyframes spark76 {
0% {
-webkit-transform: translateY(587px);
transform: translateY(587px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(232deg) translateX(226px);
transform: rotateZ(232deg) translateX(226px);
}
}
@keyframes spark76 {
0% {
-webkit-transform: translateY(587px);
transform: translateY(587px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(232deg) translateX(226px);
transform: rotateZ(232deg) translateX(226px);
}
}
.line:nth-child(77) {
-webkit-transform: rotateY(194deg);
transform: rotateY(194deg);
}
.line:nth-child(77) .spark {
width: 369px;
height: 308px;
-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 1252ms -589ms linear infinite;
animation: fire 1252ms -589ms linear infinite;
}
@-webkit-keyframes spark77 {
0% {
-webkit-transform: translateY(503px);
transform: translateY(503px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(160deg) translateX(233px);
transform: rotateZ(160deg) translateX(233px);
}
}
@keyframes spark77 {
0% {
-webkit-transform: translateY(503px);
transform: translateY(503px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(160deg) translateX(233px);
transform: rotateZ(160deg) translateX(233px);
}
}
.line:nth-child(78) {
-webkit-transform: rotateY(153deg);
transform: rotateY(153deg);
}
.line:nth-child(78) .spark {
width: 319px;
height: 296px;
-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 1516ms -204ms linear infinite;
animation: fire 1516ms -204ms linear infinite;
}
@-webkit-keyframes spark78 {
0% {
-webkit-transform: translateY(511px);
transform: translateY(511px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(194deg) translateX(286px);
transform: rotateZ(194deg) translateX(286px);
}
}
@keyframes spark78 {
0% {
-webkit-transform: translateY(511px);
transform: translateY(511px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(194deg) translateX(286px);
transform: rotateZ(194deg) translateX(286px);
}
}
.line:nth-child(79) {
-webkit-transform: rotateY(117deg);
transform: rotateY(117deg);
}
.line:nth-child(79) .spark {
width: 375px;
height: 229px;
-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 1534ms -392ms linear infinite;
animation: fire 1534ms -392ms linear infinite;
}
@-webkit-keyframes spark79 {
0% {
-webkit-transform: translateY(649px);
transform: translateY(649px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(297deg) translateX(193px);
transform: rotateZ(297deg) translateX(193px);
}
}
@keyframes spark79 {
0% {
-webkit-transform: translateY(649px);
transform: translateY(649px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(297deg) translateX(193px);
transform: rotateZ(297deg) translateX(193px);
}
}
.line:nth-child(80) {
-webkit-transform: rotateY(6deg);
transform: rotateY(6deg);
}
.line:nth-child(80) .spark {
width: 240px;
height: 387px;
-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 1999ms -47ms linear infinite;
animation: fire 1999ms -47ms linear infinite;
}
@-webkit-keyframes spark80 {
0% {
-webkit-transform: translateY(574px);
transform: translateY(574px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(215deg) translateX(118px);
transform: rotateZ(215deg) translateX(118px);
}
}
@keyframes spark80 {
0% {
-webkit-transform: translateY(574px);
transform: translateY(574px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(215deg) translateX(118px);
transform: rotateZ(215deg) translateX(118px);
}
}
.line:nth-child(81) {
-webkit-transform: rotateY(339deg);
transform: rotateY(339deg);
}
.line:nth-child(81) .spark {
width: 223px;
height: 218px;
-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 1784ms -481ms linear infinite;
animation: fire 1784ms -481ms linear infinite;
}
@-webkit-keyframes spark81 {
0% {
-webkit-transform: translateY(605px);
transform: translateY(605px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(296deg) translateX(164px);
transform: rotateZ(296deg) translateX(164px);
}
}
@keyframes spark81 {
0% {
-webkit-transform: translateY(605px);
transform: translateY(605px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(296deg) translateX(164px);
transform: rotateZ(296deg) translateX(164px);
}
}
.line:nth-child(82) {
-webkit-transform: rotateY(73deg);
transform: rotateY(73deg);
}
.line:nth-child(82) .spark {
width: 267px;
height: 388px;
-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 1238ms -128ms linear infinite;
animation: fire 1238ms -128ms linear infinite;
}
@-webkit-keyframes spark82 {
0% {
-webkit-transform: translateY(545px);
transform: translateY(545px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(332deg) translateX(295px);
transform: rotateZ(332deg) translateX(295px);
}
}
@keyframes spark82 {
0% {
-webkit-transform: translateY(545px);
transform: translateY(545px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(332deg) translateX(295px);
transform: rotateZ(332deg) translateX(295px);
}
}
.line:nth-child(83) {
-webkit-transform: rotateY(326deg);
transform: rotateY(326deg);
}
.line:nth-child(83) .spark {
width: 354px;
height: 371px;
-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 1625ms -186ms linear infinite;
animation: fire 1625ms -186ms linear infinite;
}
@-webkit-keyframes spark83 {
0% {
-webkit-transform: translateY(642px);
transform: translateY(642px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(118deg) translateX(164px);
transform: rotateZ(118deg) translateX(164px);
}
}
@keyframes spark83 {
0% {
-webkit-transform: translateY(642px);
transform: translateY(642px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(118deg) translateX(164px);
transform: rotateZ(118deg) translateX(164px);
}
}
.line:nth-child(84) {
-webkit-transform: rotateY(198deg);
transform: rotateY(198deg);
}
.line:nth-child(84) .spark {
width: 351px;
height: 344px;
-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 1487ms -131ms linear infinite;
animation: fire 1487ms -131ms linear infinite;
}
@-webkit-keyframes spark84 {
0% {
-webkit-transform: translateY(541px);
transform: translateY(541px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(116deg) translateX(139px);
transform: rotateZ(116deg) translateX(139px);
}
}
@keyframes spark84 {
0% {
-webkit-transform: translateY(541px);
transform: translateY(541px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(116deg) translateX(139px);
transform: rotateZ(116deg) translateX(139px);
}
}
.line:nth-child(85) {
-webkit-transform: rotateY(159deg);
transform: rotateY(159deg);
}
.line:nth-child(85) .spark {
width: 293px;
height: 223px;
-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 1799ms -238ms linear infinite;
animation: fire 1799ms -238ms linear infinite;
}
@-webkit-keyframes spark85 {
0% {
-webkit-transform: translateY(613px);
transform: translateY(613px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(178deg) translateX(143px);
transform: rotateZ(178deg) translateX(143px);
}
}
@keyframes spark85 {
0% {
-webkit-transform: translateY(613px);
transform: translateY(613px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(178deg) translateX(143px);
transform: rotateZ(178deg) translateX(143px);
}
}
.line:nth-child(86) {
-webkit-transform: rotateY(288deg);
transform: rotateY(288deg);
}
.line:nth-child(86) .spark {
width: 255px;
height: 309px;
-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 1131ms -911ms linear infinite;
animation: fire 1131ms -911ms linear infinite;
}
@-webkit-keyframes spark86 {
0% {
-webkit-transform: translateY(618px);
transform: translateY(618px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(171deg) translateX(221px);
transform: rotateZ(171deg) translateX(221px);
}
}
@keyframes spark86 {
0% {
-webkit-transform: translateY(618px);
transform: translateY(618px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(171deg) translateX(221px);
transform: rotateZ(171deg) translateX(221px);
}
}
.line:nth-child(87) {
-webkit-transform: rotateY(17deg);
transform: rotateY(17deg);
}
.line:nth-child(87) .spark {
width: 210px;
height: 286px;
-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 1438ms -687ms linear infinite;
animation: fire 1438ms -687ms linear infinite;
}
@-webkit-keyframes spark87 {
0% {
-webkit-transform: translateY(575px);
transform: translateY(575px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(80deg) translateX(298px);
transform: rotateZ(80deg) translateX(298px);
}
}
@keyframes spark87 {
0% {
-webkit-transform: translateY(575px);
transform: translateY(575px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(80deg) translateX(298px);
transform: rotateZ(80deg) translateX(298px);
}
}
.line:nth-child(88) {
-webkit-transform: rotateY(308deg);
transform: rotateY(308deg);
}
.line:nth-child(88) .spark {
width: 341px;
height: 260px;
-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 1655ms -231ms linear infinite;
animation: fire 1655ms -231ms linear infinite;
}
@-webkit-keyframes spark88 {
0% {
-webkit-transform: translateY(598px);
transform: translateY(598px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(101deg) translateX(210px);
transform: rotateZ(101deg) translateX(210px);
}
}
@keyframes spark88 {
0% {
-webkit-transform: translateY(598px);
transform: translateY(598px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(101deg) translateX(210px);
transform: rotateZ(101deg) translateX(210px);
}
}
.line:nth-child(89) {
-webkit-transform: rotateY(321deg);
transform: rotateY(321deg);
}
.line:nth-child(89) .spark {
width: 303px;
height: 283px;
-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 1298ms -998ms linear infinite;
animation: fire 1298ms -998ms linear infinite;
}
@-webkit-keyframes spark89 {
0% {
-webkit-transform: translateY(639px);
transform: translateY(639px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(175deg) translateX(210px);
transform: rotateZ(175deg) translateX(210px);
}
}
@keyframes spark89 {
0% {
-webkit-transform: translateY(639px);
transform: translateY(639px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(175deg) translateX(210px);
transform: rotateZ(175deg) translateX(210px);
}
}
.line:nth-child(90) {
-webkit-transform: rotateY(176deg);
transform: rotateY(176deg);
}
.line:nth-child(90) .spark {
width: 289px;
height: 235px;
-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 1112ms -892ms linear infinite;
animation: fire 1112ms -892ms linear infinite;
}
@-webkit-keyframes spark90 {
0% {
-webkit-transform: translateY(509px);
transform: translateY(509px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(60deg) translateX(296px);
transform: rotateZ(60deg) translateX(296px);
}
}
@keyframes spark90 {
0% {
-webkit-transform: translateY(509px);
transform: translateY(509px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(60deg) translateX(296px);
transform: rotateZ(60deg) translateX(296px);
}
}
.line:nth-child(91) {
-webkit-transform: rotateY(137deg);
transform: rotateY(137deg);
}
.line:nth-child(91) .spark {
width: 260px;
height: 357px;
-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 1733ms -500ms linear infinite;
animation: fire 1733ms -500ms linear infinite;
}
@-webkit-keyframes spark91 {
0% {
-webkit-transform: translateY(647px);
transform: translateY(647px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(6deg) translateX(259px);
transform: rotateZ(6deg) translateX(259px);
}
}
@keyframes spark91 {
0% {
-webkit-transform: translateY(647px);
transform: translateY(647px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(6deg) translateX(259px);
transform: rotateZ(6deg) translateX(259px);
}
}
.line:nth-child(92) {
-webkit-transform: rotateY(92deg);
transform: rotateY(92deg);
}
.line:nth-child(92) .spark {
width: 362px;
height: 237px;
-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 1238ms -589ms linear infinite;
animation: fire 1238ms -589ms linear infinite;
}
@-webkit-keyframes spark92 {
0% {
-webkit-transform: translateY(544px);
transform: translateY(544px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(173deg) translateX(170px);
transform: rotateZ(173deg) translateX(170px);
}
}
@keyframes spark92 {
0% {
-webkit-transform: translateY(544px);
transform: translateY(544px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(173deg) translateX(170px);
transform: rotateZ(173deg) translateX(170px);
}
}
.line:nth-child(93) {
-webkit-transform: rotateY(189deg);
transform: rotateY(189deg);
}
.line:nth-child(93) .spark {
width: 259px;
height: 206px;
-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 1738ms -821ms linear infinite;
animation: fire 1738ms -821ms linear infinite;
}
@-webkit-keyframes spark93 {
0% {
-webkit-transform: translateY(593px);
transform: translateY(593px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(305deg) translateX(164px);
transform: rotateZ(305deg) translateX(164px);
}
}
@keyframes spark93 {
0% {
-webkit-transform: translateY(593px);
transform: translateY(593px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(305deg) translateX(164px);
transform: rotateZ(305deg) translateX(164px);
}
}
.line:nth-child(94) {
-webkit-transform: rotateY(334deg);
transform: rotateY(334deg);
}
.line:nth-child(94) .spark {
width: 220px;
height: 369px;
-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 1378ms -455ms linear infinite;
animation: fire 1378ms -455ms linear infinite;
}
@-webkit-keyframes spark94 {
0% {
-webkit-transform: translateY(596px);
transform: translateY(596px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(354deg) translateX(195px);
transform: rotateZ(354deg) translateX(195px);
}
}
@keyframes spark94 {
0% {
-webkit-transform: translateY(596px);
transform: translateY(596px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(354deg) translateX(195px);
transform: rotateZ(354deg) translateX(195px);
}
}
.line:nth-child(95) {
-webkit-transform: rotateY(207deg);
transform: rotateY(207deg);
}
.line:nth-child(95) .spark {
width: 236px;
height: 299px;
-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 1560ms -69ms linear infinite;
animation: fire 1560ms -69ms linear infinite;
}
@-webkit-keyframes spark95 {
0% {
-webkit-transform: translateY(635px);
transform: translateY(635px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(77deg) translateX(264px);
transform: rotateZ(77deg) translateX(264px);
}
}
@keyframes spark95 {
0% {
-webkit-transform: translateY(635px);
transform: translateY(635px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(77deg) translateX(264px);
transform: rotateZ(77deg) translateX(264px);
}
}
.line:nth-child(96) {
-webkit-transform: rotateY(252deg);
transform: rotateY(252deg);
}
.line:nth-child(96) .spark {
width: 321px;
height: 325px;
-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 1891ms -895ms linear infinite;
animation: fire 1891ms -895ms linear infinite;
}
@-webkit-keyframes spark96 {
0% {
-webkit-transform: translateY(504px);
transform: translateY(504px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(128deg) translateX(292px);
transform: rotateZ(128deg) translateX(292px);
}
}
@keyframes spark96 {
0% {
-webkit-transform: translateY(504px);
transform: translateY(504px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(128deg) translateX(292px);
transform: rotateZ(128deg) translateX(292px);
}
}
.line:nth-child(97) {
-webkit-transform: rotateY(116deg);
transform: rotateY(116deg);
}
.line:nth-child(97) .spark {
width: 376px;
height: 376px;
-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 1132ms -375ms linear infinite;
animation: fire 1132ms -375ms linear infinite;
}
@-webkit-keyframes spark97 {
0% {
-webkit-transform: translateY(529px);
transform: translateY(529px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(330deg) translateX(240px);
transform: rotateZ(330deg) translateX(240px);
}
}
@keyframes spark97 {
0% {
-webkit-transform: translateY(529px);
transform: translateY(529px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(330deg) translateX(240px);
transform: rotateZ(330deg) translateX(240px);
}
}
.line:nth-child(98) {
-webkit-transform: rotateY(211deg);
transform: rotateY(211deg);
}
.line:nth-child(98) .spark {
width: 220px;
height: 227px;
-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 1555ms -61ms linear infinite;
animation: fire 1555ms -61ms linear infinite;
}
@-webkit-keyframes spark98 {
0% {
-webkit-transform: translateY(649px);
transform: translateY(649px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(220deg) translateX(257px);
transform: rotateZ(220deg) translateX(257px);
}
}
@keyframes spark98 {
0% {
-webkit-transform: translateY(649px);
transform: translateY(649px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(220deg) translateX(257px);
transform: rotateZ(220deg) translateX(257px);
}
}
.line:nth-child(99) {
-webkit-transform: rotateY(157deg);
transform: rotateY(157deg);
}
.line:nth-child(99) .spark {
width: 382px;
height: 283px;
-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 1254ms -97ms linear infinite;
animation: fire 1254ms -97ms linear infinite;
}
@-webkit-keyframes spark99 {
0% {
-webkit-transform: translateY(637px);
transform: translateY(637px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(211deg) translateX(155px);
transform: rotateZ(211deg) translateX(155px);
}
}
@keyframes spark99 {
0% {
-webkit-transform: translateY(637px);
transform: translateY(637px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(211deg) translateX(155px);
transform: rotateZ(211deg) translateX(155px);
}
}
.line:nth-child(100) {
-webkit-transform: rotateY(111deg);
transform: rotateY(111deg);
}
.line:nth-child(100) .spark {
width: 221px;
height: 233px;
-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 1158ms -780ms linear infinite;
animation: fire 1158ms -780ms linear infinite;
}
@-webkit-keyframes spark100 {
0% {
-webkit-transform: translateY(571px);
transform: translateY(571px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(112deg) translateX(104px);
transform: rotateZ(112deg) translateX(104px);
}
}
@keyframes spark100 {
0% {
-webkit-transform: translateY(571px);
transform: translateY(571px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(112deg) translateX(104px);
transform: rotateZ(112deg) translateX(104px);
}
}
.line:nth-child(101) {
-webkit-transform: rotateY(327deg);
transform: rotateY(327deg);
}
.line:nth-child(101) .spark {
width: 216px;
height: 292px;
-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 1228ms -804ms linear infinite;
animation: fire 1228ms -804ms linear infinite;
}
@-webkit-keyframes spark101 {
0% {
-webkit-transform: translateY(533px);
transform: translateY(533px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(323deg) translateX(198px);
transform: rotateZ(323deg) translateX(198px);
}
}
@keyframes spark101 {
0% {
-webkit-transform: translateY(533px);
transform: translateY(533px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(323deg) translateX(198px);
transform: rotateZ(323deg) translateX(198px);
}
}
.line:nth-child(102) {
-webkit-transform: rotateY(72deg);
transform: rotateY(72deg);
}
.line:nth-child(102) .spark {
width: 377px;
height: 342px;
-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 1841ms -362ms linear infinite;
animation: fire 1841ms -362ms linear infinite;
}
@-webkit-keyframes spark102 {
0% {
-webkit-transform: translateY(504px);
transform: translateY(504px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(292deg) translateX(131px);
transform: rotateZ(292deg) translateX(131px);
}
}
@keyframes spark102 {
0% {
-webkit-transform: translateY(504px);
transform: translateY(504px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(292deg) translateX(131px);
transform: rotateZ(292deg) translateX(131px);
}
}
.line:nth-child(103) {
-webkit-transform: rotateY(251deg);
transform: rotateY(251deg);
}
.line:nth-child(103) .spark {
width: 249px;
height: 287px;
-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 1740ms -789ms linear infinite;
animation: fire 1740ms -789ms linear infinite;
}
@-webkit-keyframes spark103 {
0% {
-webkit-transform: translateY(619px);
transform: translateY(619px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(254deg) translateX(243px);
transform: rotateZ(254deg) translateX(243px);
}
}
@keyframes spark103 {
0% {
-webkit-transform: translateY(619px);
transform: translateY(619px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(254deg) translateX(243px);
transform: rotateZ(254deg) translateX(243px);
}
}
.line:nth-child(104) {
-webkit-transform: rotateY(163deg);
transform: rotateY(163deg);
}
.line:nth-child(104) .spark {
width: 378px;
height: 238px;
-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 1703ms -427ms linear infinite;
animation: fire 1703ms -427ms linear infinite;
}
@-webkit-keyframes spark104 {
0% {
-webkit-transform: translateY(527px);
transform: translateY(527px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(265deg) translateX(174px);
transform: rotateZ(265deg) translateX(174px);
}
}
@keyframes spark104 {
0% {
-webkit-transform: translateY(527px);
transform: translateY(527px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(265deg) translateX(174px);
transform: rotateZ(265deg) translateX(174px);
}
}
.line:nth-child(105) {
-webkit-transform: rotateY(317deg);
transform: rotateY(317deg);
}
.line:nth-child(105) .spark {
width: 283px;
height: 394px;
-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 1831ms -705ms linear infinite;
animation: fire 1831ms -705ms linear infinite;
}
@-webkit-keyframes spark105 {
0% {
-webkit-transform: translateY(517px);
transform: translateY(517px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(89deg) translateX(283px);
transform: rotateZ(89deg) translateX(283px);
}
}
@keyframes spark105 {
0% {
-webkit-transform: translateY(517px);
transform: translateY(517px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(89deg) translateX(283px);
transform: rotateZ(89deg) translateX(283px);
}
}
.line:nth-child(106) {
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
}
.line:nth-child(106) .spark {
width: 261px;
height: 299px;
-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 1342ms -377ms linear infinite;
animation: fire 1342ms -377ms linear infinite;
}
@-webkit-keyframes spark106 {
0% {
-webkit-transform: translateY(640px);
transform: translateY(640px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(164deg) translateX(217px);
transform: rotateZ(164deg) translateX(217px);
}
}
@keyframes spark106 {
0% {
-webkit-transform: translateY(640px);
transform: translateY(640px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(164deg) translateX(217px);
transform: rotateZ(164deg) translateX(217px);
}
}
.line:nth-child(107) {
-webkit-transform: rotateY(121deg);
transform: rotateY(121deg);
}
.line:nth-child(107) .spark {
width: 329px;
height: 218px;
-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 1868ms -135ms linear infinite;
animation: fire 1868ms -135ms linear infinite;
}
@-webkit-keyframes spark107 {
0% {
-webkit-transform: translateY(608px);
transform: translateY(608px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(306deg) translateX(170px);
transform: rotateZ(306deg) translateX(170px);
}
}
@keyframes spark107 {
0% {
-webkit-transform: translateY(608px);
transform: translateY(608px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(306deg) translateX(170px);
transform: rotateZ(306deg) translateX(170px);
}
}
.line:nth-child(108) {
-webkit-transform: rotateY(39deg);
transform: rotateY(39deg);
}
.line:nth-child(108) .spark {
width: 325px;
height: 259px;
-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 1192ms -668ms linear infinite;
animation: fire 1192ms -668ms linear infinite;
}
@-webkit-keyframes spark108 {
0% {
-webkit-transform: translateY(614px);
transform: translateY(614px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(47deg) translateX(286px);
transform: rotateZ(47deg) translateX(286px);
}
}
@keyframes spark108 {
0% {
-webkit-transform: translateY(614px);
transform: translateY(614px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(47deg) translateX(286px);
transform: rotateZ(47deg) translateX(286px);
}
}
.line:nth-child(109) {
-webkit-transform: rotateY(317deg);
transform: rotateY(317deg);
}
.line:nth-child(109) .spark {
width: 208px;
height: 280px;
-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 1499ms -280ms linear infinite;
animation: fire 1499ms -280ms linear infinite;
}
@-webkit-keyframes spark109 {
0% {
-webkit-transform: translateY(515px);
transform: translateY(515px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(113deg) translateX(111px);
transform: rotateZ(113deg) translateX(111px);
}
}
@keyframes spark109 {
0% {
-webkit-transform: translateY(515px);
transform: translateY(515px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(113deg) translateX(111px);
transform: rotateZ(113deg) translateX(111px);
}
}
.line:nth-child(110) {
-webkit-transform: rotateY(276deg);
transform: rotateY(276deg);
}
.line:nth-child(110) .spark {
width: 258px;
height: 275px;
-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 1383ms -765ms linear infinite;
animation: fire 1383ms -765ms linear infinite;
}
@-webkit-keyframes spark110 {
0% {
-webkit-transform: translateY(527px);
transform: translateY(527px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(332deg) translateX(193px);
transform: rotateZ(332deg) translateX(193px);
}
}
@keyframes spark110 {
0% {
-webkit-transform: translateY(527px);
transform: translateY(527px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(332deg) translateX(193px);
transform: rotateZ(332deg) translateX(193px);
}
}
.line:nth-child(111) {
-webkit-transform: rotateY(176deg);
transform: rotateY(176deg);
}
.line:nth-child(111) .spark {
width: 329px;
height: 258px;
-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 1941ms -886ms linear infinite;
animation: fire 1941ms -886ms linear infinite;
}
@-webkit-keyframes spark111 {
0% {
-webkit-transform: translateY(521px);
transform: translateY(521px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(177deg) translateX(163px);
transform: rotateZ(177deg) translateX(163px);
}
}
@keyframes spark111 {
0% {
-webkit-transform: translateY(521px);
transform: translateY(521px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(177deg) translateX(163px);
transform: rotateZ(177deg) translateX(163px);
}
}
.line:nth-child(112) {
-webkit-transform: rotateY(288deg);
transform: rotateY(288deg);
}
.line:nth-child(112) .spark {
width: 201px;
height: 228px;
-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 1216ms -611ms linear infinite;
animation: fire 1216ms -611ms linear infinite;
}
@-webkit-keyframes spark112 {
0% {
-webkit-transform: translateY(505px);
transform: translateY(505px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(68deg) translateX(159px);
transform: rotateZ(68deg) translateX(159px);
}
}
@keyframes spark112 {
0% {
-webkit-transform: translateY(505px);
transform: translateY(505px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(68deg) translateX(159px);
transform: rotateZ(68deg) translateX(159px);
}
}
.line:nth-child(113) {
-webkit-transform: rotateY(150deg);
transform: rotateY(150deg);
}
.line:nth-child(113) .spark {
width: 384px;
height: 211px;
-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 1471ms -278ms linear infinite;
animation: fire 1471ms -278ms linear infinite;
}
@-webkit-keyframes spark113 {
0% {
-webkit-transform: translateY(642px);
transform: translateY(642px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(79deg) translateX(193px);
transform: rotateZ(79deg) translateX(193px);
}
}
@keyframes spark113 {
0% {
-webkit-transform: translateY(642px);
transform: translateY(642px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(79deg) translateX(193px);
transform: rotateZ(79deg) translateX(193px);
}
}
.line:nth-child(114) {
-webkit-transform: rotateY(148deg);
transform: rotateY(148deg);
}
.line:nth-child(114) .spark {
width: 224px;
height: 295px;
-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 1781ms -130ms linear infinite;
animation: fire 1781ms -130ms linear infinite;
}
@-webkit-keyframes spark114 {
0% {
-webkit-transform: translateY(594px);
transform: translateY(594px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(296deg) translateX(175px);
transform: rotateZ(296deg) translateX(175px);
}
}
@keyframes spark114 {
0% {
-webkit-transform: translateY(594px);
transform: translateY(594px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(296deg) translateX(175px);
transform: rotateZ(296deg) translateX(175px);
}
}
.line:nth-child(115) {
-webkit-transform: rotateY(162deg);
transform: rotateY(162deg);
}
.line:nth-child(115) .spark {
width: 265px;
height: 281px;
-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 1007ms -397ms linear infinite;
animation: fire 1007ms -397ms linear infinite;
}
@-webkit-keyframes spark115 {
0% {
-webkit-transform: translateY(586px);
transform: translateY(586px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(23deg) translateX(155px);
transform: rotateZ(23deg) translateX(155px);
}
}
@keyframes spark115 {
0% {
-webkit-transform: translateY(586px);
transform: translateY(586px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(23deg) translateX(155px);
transform: rotateZ(23deg) translateX(155px);
}
}
.line:nth-child(116) {
-webkit-transform: rotateY(62deg);
transform: rotateY(62deg);
}
.line:nth-child(116) .spark {
width: 286px;
height: 206px;
-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 1485ms -51ms linear infinite;
animation: fire 1485ms -51ms linear infinite;
}
@-webkit-keyframes spark116 {
0% {
-webkit-transform: translateY(552px);
transform: translateY(552px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(127deg) translateX(246px);
transform: rotateZ(127deg) translateX(246px);
}
}
@keyframes spark116 {
0% {
-webkit-transform: translateY(552px);
transform: translateY(552px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(127deg) translateX(246px);
transform: rotateZ(127deg) translateX(246px);
}
}
.line:nth-child(117) {
-webkit-transform: rotateY(200deg);
transform: rotateY(200deg);
}
.line:nth-child(117) .spark {
width: 207px;
height: 299px;
-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 1325ms -992ms linear infinite;
animation: fire 1325ms -992ms linear infinite;
}
@-webkit-keyframes spark117 {
0% {
-webkit-transform: translateY(628px);
transform: translateY(628px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(135deg) translateX(139px);
transform: rotateZ(135deg) translateX(139px);
}
}
@keyframes spark117 {
0% {
-webkit-transform: translateY(628px);
transform: translateY(628px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(135deg) translateX(139px);
transform: rotateZ(135deg) translateX(139px);
}
}
.line:nth-child(118) {
-webkit-transform: rotateY(106deg);
transform: rotateY(106deg);
}
.line:nth-child(118) .spark {
width: 213px;
height: 394px;
-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 1838ms -811ms linear infinite;
animation: fire 1838ms -811ms linear infinite;
}
@-webkit-keyframes spark118 {
0% {
-webkit-transform: translateY(561px);
transform: translateY(561px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(232deg) translateX(234px);
transform: rotateZ(232deg) translateX(234px);
}
}
@keyframes spark118 {
0% {
-webkit-transform: translateY(561px);
transform: translateY(561px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(232deg) translateX(234px);
transform: rotateZ(232deg) translateX(234px);
}
}
.line:nth-child(119) {
-webkit-transform: rotateY(173deg);
transform: rotateY(173deg);
}
.line:nth-child(119) .spark {
width: 392px;
height: 231px;
-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 1039ms -843ms linear infinite;
animation: fire 1039ms -843ms linear infinite;
}
@-webkit-keyframes spark119 {
0% {
-webkit-transform: translateY(539px);
transform: translateY(539px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(238deg) translateX(189px);
transform: rotateZ(238deg) translateX(189px);
}
}
@keyframes spark119 {
0% {
-webkit-transform: translateY(539px);
transform: translateY(539px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(238deg) translateX(189px);
transform: rotateZ(238deg) translateX(189px);
}
}
.line:nth-child(120) {
-webkit-transform: rotateY(193deg);
transform: rotateY(193deg);
}
.line:nth-child(120) .spark {
width: 281px;
height: 264px;
-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 1420ms -95ms linear infinite;
animation: fire 1420ms -95ms linear infinite;
}
@-webkit-keyframes spark120 {
0% {
-webkit-transform: translateY(528px);
transform: translateY(528px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(359deg) translateX(159px);
transform: rotateZ(359deg) translateX(159px);
}
}
@keyframes spark120 {
0% {
-webkit-transform: translateY(528px);
transform: translateY(528px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(359deg) translateX(159px);
transform: rotateZ(359deg) translateX(159px);
}
}
.line:nth-child(121) {
-webkit-transform: rotateY(250deg);
transform: rotateY(250deg);
}
.line:nth-child(121) .spark {
width: 326px;
height: 307px;
-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 1788ms -231ms linear infinite;
animation: fire 1788ms -231ms linear infinite;
}
@-webkit-keyframes spark121 {
0% {
-webkit-transform: translateY(546px);
transform: translateY(546px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(198deg) translateX(235px);
transform: rotateZ(198deg) translateX(235px);
}
}
@keyframes spark121 {
0% {
-webkit-transform: translateY(546px);
transform: translateY(546px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(198deg) translateX(235px);
transform: rotateZ(198deg) translateX(235px);
}
}
.line:nth-child(122) {
-webkit-transform: rotateY(304deg);
transform: rotateY(304deg);
}
.line:nth-child(122) .spark {
width: 213px;
height: 280px;
-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 1601ms -875ms linear infinite;
animation: fire 1601ms -875ms linear infinite;
}
@-webkit-keyframes spark122 {
0% {
-webkit-transform: translateY(602px);
transform: translateY(602px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(28deg) translateX(189px);
transform: rotateZ(28deg) translateX(189px);
}
}
@keyframes spark122 {
0% {
-webkit-transform: translateY(602px);
transform: translateY(602px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(28deg) translateX(189px);
transform: rotateZ(28deg) translateX(189px);
}
}
.line:nth-child(123) {
-webkit-transform: rotateY(113deg);
transform: rotateY(113deg);
}
.line:nth-child(123) .spark {
width: 209px;
height: 300px;
-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 1590ms -249ms linear infinite;
animation: fire 1590ms -249ms linear infinite;
}
@-webkit-keyframes spark123 {
0% {
-webkit-transform: translateY(629px);
transform: translateY(629px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(45deg) translateX(287px);
transform: rotateZ(45deg) translateX(287px);
}
}
@keyframes spark123 {
0% {
-webkit-transform: translateY(629px);
transform: translateY(629px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(45deg) translateX(287px);
transform: rotateZ(45deg) translateX(287px);
}
}
.line:nth-child(124) {
-webkit-transform: rotateY(85deg);
transform: rotateY(85deg);
}
.line:nth-child(124) .spark {
width: 385px;
height: 254px;
-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 1714ms -622ms linear infinite;
animation: fire 1714ms -622ms linear infinite;
}
@-webkit-keyframes spark124 {
0% {
-webkit-transform: translateY(502px);
transform: translateY(502px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(89deg) translateX(143px);
transform: rotateZ(89deg) translateX(143px);
}
}
@keyframes spark124 {
0% {
-webkit-transform: translateY(502px);
transform: translateY(502px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(89deg) translateX(143px);
transform: rotateZ(89deg) translateX(143px);
}
}
.line:nth-child(125) {
-webkit-transform: rotateY(212deg);
transform: rotateY(212deg);
}
.line:nth-child(125) .spark {
width: 371px;
height: 317px;
-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 1403ms -382ms linear infinite;
animation: fire 1403ms -382ms linear infinite;
}
@-webkit-keyframes spark125 {
0% {
-webkit-transform: translateY(586px);
transform: translateY(586px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(167deg) translateX(299px);
transform: rotateZ(167deg) translateX(299px);
}
}
@keyframes spark125 {
0% {
-webkit-transform: translateY(586px);
transform: translateY(586px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(167deg) translateX(299px);
transform: rotateZ(167deg) translateX(299px);
}
}
.line:nth-child(126) {
-webkit-transform: rotateY(310deg);
transform: rotateY(310deg);
}
.line:nth-child(126) .spark {
width: 337px;
height: 221px;
-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 1122ms -366ms linear infinite;
animation: fire 1122ms -366ms linear infinite;
}
@-webkit-keyframes spark126 {
0% {
-webkit-transform: translateY(611px);
transform: translateY(611px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(147deg) translateX(212px);
transform: rotateZ(147deg) translateX(212px);
}
}
@keyframes spark126 {
0% {
-webkit-transform: translateY(611px);
transform: translateY(611px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(147deg) translateX(212px);
transform: rotateZ(147deg) translateX(212px);
}
}
.line:nth-child(127) {
-webkit-transform: rotateY(335deg);
transform: rotateY(335deg);
}
.line:nth-child(127) .spark {
width: 210px;
height: 344px;
-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 1151ms -502ms linear infinite;
animation: fire 1151ms -502ms 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(214deg) translateX(254px);
transform: rotateZ(214deg) translateX(254px);
}
}
@keyframes spark127 {
0% {
-webkit-transform: translateY(515px);
transform: translateY(515px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(214deg) translateX(254px);
transform: rotateZ(214deg) translateX(254px);
}
}
.line:nth-child(128) {
-webkit-transform: rotateY(68deg);
transform: rotateY(68deg);
}
.line:nth-child(128) .spark {
width: 340px;
height: 284px;
-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 1164ms -858ms linear infinite;
animation: fire 1164ms -858ms linear infinite;
}
@-webkit-keyframes spark128 {
0% {
-webkit-transform: translateY(615px);
transform: translateY(615px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(80deg) translateX(281px);
transform: rotateZ(80deg) translateX(281px);
}
}
@keyframes spark128 {
0% {
-webkit-transform: translateY(615px);
transform: translateY(615px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(80deg) translateX(281px);
transform: rotateZ(80deg) translateX(281px);
}
}
.line:nth-child(129) {
-webkit-transform: rotateY(161deg);
transform: rotateY(161deg);
}
.line:nth-child(129) .spark {
width: 225px;
height: 272px;
-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 1093ms -607ms linear infinite;
animation: fire 1093ms -607ms linear infinite;
}
@-webkit-keyframes spark129 {
0% {
-webkit-transform: translateY(540px);
transform: translateY(540px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(141deg) translateX(189px);
transform: rotateZ(141deg) translateX(189px);
}
}
@keyframes spark129 {
0% {
-webkit-transform: translateY(540px);
transform: translateY(540px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(141deg) translateX(189px);
transform: rotateZ(141deg) translateX(189px);
}
}
.line:nth-child(130) {
-webkit-transform: rotateY(127deg);
transform: rotateY(127deg);
}
.line:nth-child(130) .spark {
width: 238px;
height: 279px;
-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 1839ms -228ms linear infinite;
animation: fire 1839ms -228ms linear infinite;
}
@-webkit-keyframes spark130 {
0% {
-webkit-transform: translateY(612px);
transform: translateY(612px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(37deg) translateX(192px);
transform: rotateZ(37deg) translateX(192px);
}
}
@keyframes spark130 {
0% {
-webkit-transform: translateY(612px);
transform: translateY(612px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(37deg) translateX(192px);
transform: rotateZ(37deg) translateX(192px);
}
}
.line:nth-child(131) {
-webkit-transform: rotateY(275deg);
transform: rotateY(275deg);
}
.line:nth-child(131) .spark {
width: 347px;
height: 325px;
-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 1762ms -502ms linear infinite;
animation: fire 1762ms -502ms linear infinite;
}
@-webkit-keyframes spark131 {
0% {
-webkit-transform: translateY(559px);
transform: translateY(559px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(178deg) translateX(202px);
transform: rotateZ(178deg) translateX(202px);
}
}
@keyframes spark131 {
0% {
-webkit-transform: translateY(559px);
transform: translateY(559px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(178deg) translateX(202px);
transform: rotateZ(178deg) translateX(202px);
}
}
.line:nth-child(132) {
-webkit-transform: rotateY(223deg);
transform: rotateY(223deg);
}
.line:nth-child(132) .spark {
width: 352px;
height: 346px;
-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 1542ms -549ms linear infinite;
animation: fire 1542ms -549ms linear infinite;
}
@-webkit-keyframes spark132 {
0% {
-webkit-transform: translateY(507px);
transform: translateY(507px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(24deg) translateX(254px);
transform: rotateZ(24deg) translateX(254px);
}
}
@keyframes spark132 {
0% {
-webkit-transform: translateY(507px);
transform: translateY(507px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(24deg) translateX(254px);
transform: rotateZ(24deg) translateX(254px);
}
}
.line:nth-child(133) {
-webkit-transform: rotateY(264deg);
transform: rotateY(264deg);
}
.line:nth-child(133) .spark {
width: 248px;
height: 220px;
-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 1096ms -415ms linear infinite;
animation: fire 1096ms -415ms linear infinite;
}
@-webkit-keyframes spark133 {
0% {
-webkit-transform: translateY(514px);
transform: translateY(514px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(141deg) translateX(171px);
transform: rotateZ(141deg) translateX(171px);
}
}
@keyframes spark133 {
0% {
-webkit-transform: translateY(514px);
transform: translateY(514px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(141deg) translateX(171px);
transform: rotateZ(141deg) translateX(171px);
}
}
.line:nth-child(134) {
-webkit-transform: rotateY(4deg);
transform: rotateY(4deg);
}
.line:nth-child(134) .spark {
width: 297px;
height: 287px;
-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 1986ms -628ms linear infinite;
animation: fire 1986ms -628ms linear infinite;
}
@-webkit-keyframes spark134 {
0% {
-webkit-transform: translateY(582px);
transform: translateY(582px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(184deg) translateX(240px);
transform: rotateZ(184deg) translateX(240px);
}
}
@keyframes spark134 {
0% {
-webkit-transform: translateY(582px);
transform: translateY(582px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(184deg) translateX(240px);
transform: rotateZ(184deg) translateX(240px);
}
}
.line:nth-child(135) {
-webkit-transform: rotateY(79deg);
transform: rotateY(79deg);
}
.line:nth-child(135) .spark {
width: 291px;
height: 280px;
-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 1960ms -663ms linear infinite;
animation: fire 1960ms -663ms linear infinite;
}
@-webkit-keyframes spark135 {
0% {
-webkit-transform: translateY(616px);
transform: translateY(616px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(5deg) translateX(128px);
transform: rotateZ(5deg) translateX(128px);
}
}
@keyframes spark135 {
0% {
-webkit-transform: translateY(616px);
transform: translateY(616px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(5deg) translateX(128px);
transform: rotateZ(5deg) translateX(128px);
}
}
.line:nth-child(136) {
-webkit-transform: rotateY(276deg);
transform: rotateY(276deg);
}
.line:nth-child(136) .spark {
width: 369px;
height: 364px;
-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 1092ms -15ms linear infinite;
animation: fire 1092ms -15ms linear infinite;
}
@-webkit-keyframes spark136 {
0% {
-webkit-transform: translateY(604px);
transform: translateY(604px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(204deg) translateX(287px);
transform: rotateZ(204deg) translateX(287px);
}
}
@keyframes spark136 {
0% {
-webkit-transform: translateY(604px);
transform: translateY(604px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(204deg) translateX(287px);
transform: rotateZ(204deg) translateX(287px);
}
}
.line:nth-child(137) {
-webkit-transform: rotateY(200deg);
transform: rotateY(200deg);
}
.line:nth-child(137) .spark {
width: 386px;
height: 327px;
-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 1753ms -470ms linear infinite;
animation: fire 1753ms -470ms linear infinite;
}
@-webkit-keyframes spark137 {
0% {
-webkit-transform: translateY(524px);
transform: translateY(524px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(270deg) translateX(128px);
transform: rotateZ(270deg) translateX(128px);
}
}
@keyframes spark137 {
0% {
-webkit-transform: translateY(524px);
transform: translateY(524px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(270deg) translateX(128px);
transform: rotateZ(270deg) translateX(128px);
}
}
.line:nth-child(138) {
-webkit-transform: rotateY(63deg);
transform: rotateY(63deg);
}
.line:nth-child(138) .spark {
width: 202px;
height: 362px;
-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 1936ms -781ms linear infinite;
animation: fire 1936ms -781ms linear infinite;
}
@-webkit-keyframes spark138 {
0% {
-webkit-transform: translateY(570px);
transform: translateY(570px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(336deg) translateX(257px);
transform: rotateZ(336deg) translateX(257px);
}
}
@keyframes spark138 {
0% {
-webkit-transform: translateY(570px);
transform: translateY(570px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(336deg) translateX(257px);
transform: rotateZ(336deg) translateX(257px);
}
}
.line:nth-child(139) {
-webkit-transform: rotateY(73deg);
transform: rotateY(73deg);
}
.line:nth-child(139) .spark {
width: 204px;
height: 363px;
-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 1003ms -738ms linear infinite;
animation: fire 1003ms -738ms linear infinite;
}
@-webkit-keyframes spark139 {
0% {
-webkit-transform: translateY(544px);
transform: translateY(544px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(257deg) translateX(282px);
transform: rotateZ(257deg) translateX(282px);
}
}
@keyframes spark139 {
0% {
-webkit-transform: translateY(544px);
transform: translateY(544px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(257deg) translateX(282px);
transform: rotateZ(257deg) translateX(282px);
}
}
.line:nth-child(140) {
-webkit-transform: rotateY(332deg);
transform: rotateY(332deg);
}
.line:nth-child(140) .spark {
width: 217px;
height: 324px;
-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 1918ms -296ms linear infinite;
animation: fire 1918ms -296ms linear infinite;
}
@-webkit-keyframes spark140 {
0% {
-webkit-transform: translateY(591px);
transform: translateY(591px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(150deg) translateX(202px);
transform: rotateZ(150deg) translateX(202px);
}
}
@keyframes spark140 {
0% {
-webkit-transform: translateY(591px);
transform: translateY(591px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(150deg) translateX(202px);
transform: rotateZ(150deg) translateX(202px);
}
}
.line:nth-child(141) {
-webkit-transform: rotateY(197deg);
transform: rotateY(197deg);
}
.line:nth-child(141) .spark {
width: 345px;
height: 377px;
-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 1655ms -210ms linear infinite;
animation: fire 1655ms -210ms linear infinite;
}
@-webkit-keyframes spark141 {
0% {
-webkit-transform: translateY(518px);
transform: translateY(518px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(299deg) translateX(229px);
transform: rotateZ(299deg) translateX(229px);
}
}
@keyframes spark141 {
0% {
-webkit-transform: translateY(518px);
transform: translateY(518px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(299deg) translateX(229px);
transform: rotateZ(299deg) translateX(229px);
}
}
.line:nth-child(142) {
-webkit-transform: rotateY(266deg);
transform: rotateY(266deg);
}
.line:nth-child(142) .spark {
width: 384px;
height: 371px;
-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 1126ms -272ms linear infinite;
animation: fire 1126ms -272ms linear infinite;
}
@-webkit-keyframes spark142 {
0% {
-webkit-transform: translateY(590px);
transform: translateY(590px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(340deg) translateX(204px);
transform: rotateZ(340deg) translateX(204px);
}
}
@keyframes spark142 {
0% {
-webkit-transform: translateY(590px);
transform: translateY(590px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(340deg) translateX(204px);
transform: rotateZ(340deg) translateX(204px);
}
}
.line:nth-child(143) {
-webkit-transform: rotateY(83deg);
transform: rotateY(83deg);
}
.line:nth-child(143) .spark {
width: 280px;
height: 371px;
-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 1632ms -421ms linear infinite;
animation: fire 1632ms -421ms linear infinite;
}
@-webkit-keyframes spark143 {
0% {
-webkit-transform: translateY(632px);
transform: translateY(632px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(46deg) translateX(143px);
transform: rotateZ(46deg) translateX(143px);
}
}
@keyframes spark143 {
0% {
-webkit-transform: translateY(632px);
transform: translateY(632px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(46deg) translateX(143px);
transform: rotateZ(46deg) translateX(143px);
}
}
.line:nth-child(144) {
-webkit-transform: rotateY(77deg);
transform: rotateY(77deg);
}
.line:nth-child(144) .spark {
width: 394px;
height: 381px;
-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 1301ms -966ms linear infinite;
animation: fire 1301ms -966ms linear infinite;
}
@-webkit-keyframes spark144 {
0% {
-webkit-transform: translateY(528px);
transform: translateY(528px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(219deg) translateX(286px);
transform: rotateZ(219deg) translateX(286px);
}
}
@keyframes spark144 {
0% {
-webkit-transform: translateY(528px);
transform: translateY(528px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(219deg) translateX(286px);
transform: rotateZ(219deg) translateX(286px);
}
}
.line:nth-child(145) {
-webkit-transform: rotateY(144deg);
transform: rotateY(144deg);
}
.line:nth-child(145) .spark {
width: 379px;
height: 273px;
-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 1908ms -824ms linear infinite;
animation: fire 1908ms -824ms linear infinite;
}
@-webkit-keyframes spark145 {
0% {
-webkit-transform: translateY(547px);
transform: translateY(547px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(9deg) translateX(210px);
transform: rotateZ(9deg) translateX(210px);
}
}
@keyframes spark145 {
0% {
-webkit-transform: translateY(547px);
transform: translateY(547px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(9deg) translateX(210px);
transform: rotateZ(9deg) translateX(210px);
}
}
.line:nth-child(146) {
-webkit-transform: rotateY(136deg);
transform: rotateY(136deg);
}
.line:nth-child(146) .spark {
width: 253px;
height: 368px;
-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 1674ms -33ms linear infinite;
animation: fire 1674ms -33ms linear infinite;
}
@-webkit-keyframes spark146 {
0% {
-webkit-transform: translateY(589px);
transform: translateY(589px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(34deg) translateX(226px);
transform: rotateZ(34deg) translateX(226px);
}
}
@keyframes spark146 {
0% {
-webkit-transform: translateY(589px);
transform: translateY(589px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(34deg) translateX(226px);
transform: rotateZ(34deg) translateX(226px);
}
}
.line:nth-child(147) {
-webkit-transform: rotateY(69deg);
transform: rotateY(69deg);
}
.line:nth-child(147) .spark {
width: 223px;
height: 229px;
-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 1649ms -316ms linear infinite;
animation: fire 1649ms -316ms linear infinite;
}
@-webkit-keyframes spark147 {
0% {
-webkit-transform: translateY(565px);
transform: translateY(565px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(74deg) translateX(281px);
transform: rotateZ(74deg) translateX(281px);
}
}
@keyframes spark147 {
0% {
-webkit-transform: translateY(565px);
transform: translateY(565px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(74deg) translateX(281px);
transform: rotateZ(74deg) translateX(281px);
}
}
.line:nth-child(148) {
-webkit-transform: rotateY(332deg);
transform: rotateY(332deg);
}
.line:nth-child(148) .spark {
width: 235px;
height: 263px;
-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 1778ms -90ms linear infinite;
animation: fire 1778ms -90ms linear infinite;
}
@-webkit-keyframes spark148 {
0% {
-webkit-transform: translateY(562px);
transform: translateY(562px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(310deg) translateX(165px);
transform: rotateZ(310deg) translateX(165px);
}
}
@keyframes spark148 {
0% {
-webkit-transform: translateY(562px);
transform: translateY(562px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(310deg) translateX(165px);
transform: rotateZ(310deg) translateX(165px);
}
}
.line:nth-child(149) {
-webkit-transform: rotateY(219deg);
transform: rotateY(219deg);
}
.line:nth-child(149) .spark {
width: 373px;
height: 357px;
-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 1341ms -167ms linear infinite;
animation: fire 1341ms -167ms linear infinite;
}
@-webkit-keyframes spark149 {
0% {
-webkit-transform: translateY(604px);
transform: translateY(604px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(329deg) translateX(252px);
transform: rotateZ(329deg) translateX(252px);
}
}
@keyframes spark149 {
0% {
-webkit-transform: translateY(604px);
transform: translateY(604px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(329deg) translateX(252px);
transform: rotateZ(329deg) translateX(252px);
}
}
.line:nth-child(150) {
-webkit-transform: rotateY(246deg);
transform: rotateY(246deg);
}
.line:nth-child(150) .spark {
width: 268px;
height: 201px;
-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 1456ms -496ms linear infinite;
animation: fire 1456ms -496ms linear infinite;
}
@-webkit-keyframes spark150 {
0% {
-webkit-transform: translateY(542px);
transform: translateY(542px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(340deg) translateX(200px);
transform: rotateZ(340deg) translateX(200px);
}
}
@keyframes spark150 {
0% {
-webkit-transform: translateY(542px);
transform: translateY(542px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(340deg) translateX(200px);
transform: rotateZ(340deg) translateX(200px);
}
}
.line:nth-child(151) {
-webkit-transform: rotateY(303deg);
transform: rotateY(303deg);
}
.line:nth-child(151) .spark {
width: 259px;
height: 305px;
-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 1317ms -967ms linear infinite;
animation: fire 1317ms -967ms linear infinite;
}
@-webkit-keyframes spark151 {
0% {
-webkit-transform: translateY(611px);
transform: translateY(611px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(228deg) translateX(221px);
transform: rotateZ(228deg) translateX(221px);
}
}
@keyframes spark151 {
0% {
-webkit-transform: translateY(611px);
transform: translateY(611px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(228deg) translateX(221px);
transform: rotateZ(228deg) translateX(221px);
}
}
.line:nth-child(152) {
-webkit-transform: rotateY(181deg);
transform: rotateY(181deg);
}
.line:nth-child(152) .spark {
width: 241px;
height: 305px;
-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 1162ms -473ms linear infinite;
animation: fire 1162ms -473ms linear infinite;
}
@-webkit-keyframes spark152 {
0% {
-webkit-transform: translateY(503px);
transform: translateY(503px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(311deg) translateX(197px);
transform: rotateZ(311deg) translateX(197px);
}
}
@keyframes spark152 {
0% {
-webkit-transform: translateY(503px);
transform: translateY(503px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(311deg) translateX(197px);
transform: rotateZ(311deg) translateX(197px);
}
}
.line:nth-child(153) {
-webkit-transform: rotateY(279deg);
transform: rotateY(279deg);
}
.line:nth-child(153) .spark {
width: 302px;
height: 313px;
-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 1939ms -697ms linear infinite;
animation: fire 1939ms -697ms linear infinite;
}
@-webkit-keyframes spark153 {
0% {
-webkit-transform: translateY(516px);
transform: translateY(516px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(20deg) translateX(130px);
transform: rotateZ(20deg) translateX(130px);
}
}
@keyframes spark153 {
0% {
-webkit-transform: translateY(516px);
transform: translateY(516px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(20deg) translateX(130px);
transform: rotateZ(20deg) translateX(130px);
}
}
.line:nth-child(154) {
-webkit-transform: rotateY(89deg);
transform: rotateY(89deg);
}
.line:nth-child(154) .spark {
width: 265px;
height: 255px;
-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 1895ms -275ms linear infinite;
animation: fire 1895ms -275ms linear infinite;
}
@-webkit-keyframes spark154 {
0% {
-webkit-transform: translateY(639px);
transform: translateY(639px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(175deg) translateX(274px);
transform: rotateZ(175deg) translateX(274px);
}
}
@keyframes spark154 {
0% {
-webkit-transform: translateY(639px);
transform: translateY(639px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(175deg) translateX(274px);
transform: rotateZ(175deg) translateX(274px);
}
}
.line:nth-child(155) {
-webkit-transform: rotateY(63deg);
transform: rotateY(63deg);
}
.line:nth-child(155) .spark {
width: 252px;
height: 385px;
-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 1964ms -279ms linear infinite;
animation: fire 1964ms -279ms linear infinite;
}
@-webkit-keyframes spark155 {
0% {
-webkit-transform: translateY(593px);
transform: translateY(593px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(97deg) translateX(283px);
transform: rotateZ(97deg) translateX(283px);
}
}
@keyframes spark155 {
0% {
-webkit-transform: translateY(593px);
transform: translateY(593px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(97deg) translateX(283px);
transform: rotateZ(97deg) translateX(283px);
}
}
.line:nth-child(156) {
-webkit-transform: rotateY(349deg);
transform: rotateY(349deg);
}
.line:nth-child(156) .spark {
width: 280px;
height: 309px;
-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 1849ms -73ms linear infinite;
animation: fire 1849ms -73ms linear infinite;
}
@-webkit-keyframes spark156 {
0% {
-webkit-transform: translateY(541px);
transform: translateY(541px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(130deg) translateX(219px);
transform: rotateZ(130deg) translateX(219px);
}
}
@keyframes spark156 {
0% {
-webkit-transform: translateY(541px);
transform: translateY(541px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(130deg) translateX(219px);
transform: rotateZ(130deg) translateX(219px);
}
}
.line:nth-child(157) {
-webkit-transform: rotateY(57deg);
transform: rotateY(57deg);
}
.line:nth-child(157) .spark {
width: 249px;
height: 224px;
-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 1697ms -617ms linear infinite;
animation: fire 1697ms -617ms linear infinite;
}
@-webkit-keyframes spark157 {
0% {
-webkit-transform: translateY(640px);
transform: translateY(640px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(296deg) translateX(246px);
transform: rotateZ(296deg) translateX(246px);
}
}
@keyframes spark157 {
0% {
-webkit-transform: translateY(640px);
transform: translateY(640px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(296deg) translateX(246px);
transform: rotateZ(296deg) translateX(246px);
}
}
.line:nth-child(158) {
-webkit-transform: rotateY(245deg);
transform: rotateY(245deg);
}
.line:nth-child(158) .spark {
width: 269px;
height: 315px;
-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 1026ms -523ms linear infinite;
animation: fire 1026ms -523ms linear infinite;
}
@-webkit-keyframes spark158 {
0% {
-webkit-transform: translateY(548px);
transform: translateY(548px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(167deg) translateX(232px);
transform: rotateZ(167deg) translateX(232px);
}
}
@keyframes spark158 {
0% {
-webkit-transform: translateY(548px);
transform: translateY(548px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(167deg) translateX(232px);
transform: rotateZ(167deg) translateX(232px);
}
}
.line:nth-child(159) {
-webkit-transform: rotateY(190deg);
transform: rotateY(190deg);
}
.line:nth-child(159) .spark {
width: 376px;
height: 290px;
-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 1041ms -539ms linear infinite;
animation: fire 1041ms -539ms linear infinite;
}
@-webkit-keyframes spark159 {
0% {
-webkit-transform: translateY(589px);
transform: translateY(589px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(164deg) translateX(146px);
transform: rotateZ(164deg) translateX(146px);
}
}
@keyframes spark159 {
0% {
-webkit-transform: translateY(589px);
transform: translateY(589px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(164deg) translateX(146px);
transform: rotateZ(164deg) translateX(146px);
}
}
.line:nth-child(160) {
-webkit-transform: rotateY(195deg);
transform: rotateY(195deg);
}
.line:nth-child(160) .spark {
width: 251px;
height: 333px;
-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 1768ms -524ms linear infinite;
animation: fire 1768ms -524ms linear infinite;
}
@-webkit-keyframes spark160 {
0% {
-webkit-transform: translateY(617px);
transform: translateY(617px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(167deg) translateX(279px);
transform: rotateZ(167deg) translateX(279px);
}
}
@keyframes spark160 {
0% {
-webkit-transform: translateY(617px);
transform: translateY(617px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(167deg) translateX(279px);
transform: rotateZ(167deg) translateX(279px);
}
}
.line:nth-child(161) {
-webkit-transform: rotateY(83deg);
transform: rotateY(83deg);
}
.line:nth-child(161) .spark {
width: 282px;
height: 218px;
-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 1701ms -108ms linear infinite;
animation: fire 1701ms -108ms linear infinite;
}
@-webkit-keyframes spark161 {
0% {
-webkit-transform: translateY(527px);
transform: translateY(527px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(136deg) translateX(259px);
transform: rotateZ(136deg) translateX(259px);
}
}
@keyframes spark161 {
0% {
-webkit-transform: translateY(527px);
transform: translateY(527px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(136deg) translateX(259px);
transform: rotateZ(136deg) translateX(259px);
}
}
.line:nth-child(162) {
-webkit-transform: rotateY(241deg);
transform: rotateY(241deg);
}
.line:nth-child(162) .spark {
width: 285px;
height: 282px;
-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 1257ms -998ms linear infinite;
animation: fire 1257ms -998ms linear infinite;
}
@-webkit-keyframes spark162 {
0% {
-webkit-transform: translateY(539px);
transform: translateY(539px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(330deg) translateX(122px);
transform: rotateZ(330deg) translateX(122px);
}
}
@keyframes spark162 {
0% {
-webkit-transform: translateY(539px);
transform: translateY(539px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(330deg) translateX(122px);
transform: rotateZ(330deg) translateX(122px);
}
}
.line:nth-child(163) {
-webkit-transform: rotateY(36deg);
transform: rotateY(36deg);
}
.line:nth-child(163) .spark {
width: 293px;
height: 352px;
-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 1478ms -155ms linear infinite;
animation: fire 1478ms -155ms linear infinite;
}
@-webkit-keyframes spark163 {
0% {
-webkit-transform: translateY(627px);
transform: translateY(627px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(25deg) translateX(226px);
transform: rotateZ(25deg) translateX(226px);
}
}
@keyframes spark163 {
0% {
-webkit-transform: translateY(627px);
transform: translateY(627px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(25deg) translateX(226px);
transform: rotateZ(25deg) translateX(226px);
}
}
.line:nth-child(164) {
-webkit-transform: rotateY(343deg);
transform: rotateY(343deg);
}
.line:nth-child(164) .spark {
width: 299px;
height: 271px;
-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 1962ms -507ms linear infinite;
animation: fire 1962ms -507ms linear infinite;
}
@-webkit-keyframes spark164 {
0% {
-webkit-transform: translateY(604px);
transform: translateY(604px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(309deg) translateX(123px);
transform: rotateZ(309deg) translateX(123px);
}
}
@keyframes spark164 {
0% {
-webkit-transform: translateY(604px);
transform: translateY(604px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(309deg) translateX(123px);
transform: rotateZ(309deg) translateX(123px);
}
}
.line:nth-child(165) {
-webkit-transform: rotateY(324deg);
transform: rotateY(324deg);
}
.line:nth-child(165) .spark {
width: 203px;
height: 377px;
-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 1401ms -539ms linear infinite;
animation: fire 1401ms -539ms linear infinite;
}
@-webkit-keyframes spark165 {
0% {
-webkit-transform: translateY(549px);
transform: translateY(549px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(351deg) translateX(296px);
transform: rotateZ(351deg) translateX(296px);
}
}
@keyframes spark165 {
0% {
-webkit-transform: translateY(549px);
transform: translateY(549px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(351deg) translateX(296px);
transform: rotateZ(351deg) translateX(296px);
}
}
.line:nth-child(166) {
-webkit-transform: rotateY(5deg);
transform: rotateY(5deg);
}
.line:nth-child(166) .spark {
width: 315px;
height: 394px;
-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 1814ms -194ms linear infinite;
animation: fire 1814ms -194ms linear infinite;
}
@-webkit-keyframes spark166 {
0% {
-webkit-transform: translateY(512px);
transform: translateY(512px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(238deg) translateX(205px);
transform: rotateZ(238deg) translateX(205px);
}
}
@keyframes spark166 {
0% {
-webkit-transform: translateY(512px);
transform: translateY(512px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(238deg) translateX(205px);
transform: rotateZ(238deg) translateX(205px);
}
}
.line:nth-child(167) {
-webkit-transform: rotateY(103deg);
transform: rotateY(103deg);
}
.line:nth-child(167) .spark {
width: 264px;
height: 315px;
-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 1900ms -702ms linear infinite;
animation: fire 1900ms -702ms linear infinite;
}
@-webkit-keyframes spark167 {
0% {
-webkit-transform: translateY(577px);
transform: translateY(577px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(316deg) translateX(224px);
transform: rotateZ(316deg) translateX(224px);
}
}
@keyframes spark167 {
0% {
-webkit-transform: translateY(577px);
transform: translateY(577px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(316deg) translateX(224px);
transform: rotateZ(316deg) translateX(224px);
}
}
.line:nth-child(168) {
-webkit-transform: rotateY(35deg);
transform: rotateY(35deg);
}
.line:nth-child(168) .spark {
width: 244px;
height: 329px;
-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 1997ms -633ms linear infinite;
animation: fire 1997ms -633ms linear infinite;
}
@-webkit-keyframes spark168 {
0% {
-webkit-transform: translateY(536px);
transform: translateY(536px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(168deg) translateX(229px);
transform: rotateZ(168deg) translateX(229px);
}
}
@keyframes spark168 {
0% {
-webkit-transform: translateY(536px);
transform: translateY(536px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(168deg) translateX(229px);
transform: rotateZ(168deg) translateX(229px);
}
}
.line:nth-child(169) {
-webkit-transform: rotateY(206deg);
transform: rotateY(206deg);
}
.line:nth-child(169) .spark {
width: 393px;
height: 308px;
-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 1846ms -79ms linear infinite;
animation: fire 1846ms -79ms linear infinite;
}
@-webkit-keyframes spark169 {
0% {
-webkit-transform: translateY(594px);
transform: translateY(594px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(49deg) translateX(145px);
transform: rotateZ(49deg) translateX(145px);
}
}
@keyframes spark169 {
0% {
-webkit-transform: translateY(594px);
transform: translateY(594px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(49deg) translateX(145px);
transform: rotateZ(49deg) translateX(145px);
}
}
.line:nth-child(170) {
-webkit-transform: rotateY(109deg);
transform: rotateY(109deg);
}
.line:nth-child(170) .spark {
width: 362px;
height: 202px;
-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 1212ms -237ms linear infinite;
animation: fire 1212ms -237ms linear infinite;
}
@-webkit-keyframes spark170 {
0% {
-webkit-transform: translateY(544px);
transform: translateY(544px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(179deg) translateX(285px);
transform: rotateZ(179deg) translateX(285px);
}
}
@keyframes spark170 {
0% {
-webkit-transform: translateY(544px);
transform: translateY(544px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(179deg) translateX(285px);
transform: rotateZ(179deg) translateX(285px);
}
}
.line:nth-child(171) {
-webkit-transform: rotateY(112deg);
transform: rotateY(112deg);
}
.line:nth-child(171) .spark {
width: 228px;
height: 354px;
-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 1832ms -717ms linear infinite;
animation: fire 1832ms -717ms linear infinite;
}
@-webkit-keyframes spark171 {
0% {
-webkit-transform: translateY(576px);
transform: translateY(576px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(199deg) translateX(140px);
transform: rotateZ(199deg) translateX(140px);
}
}
@keyframes spark171 {
0% {
-webkit-transform: translateY(576px);
transform: translateY(576px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(199deg) translateX(140px);
transform: rotateZ(199deg) translateX(140px);
}
}
.line:nth-child(172) {
-webkit-transform: rotateY(348deg);
transform: rotateY(348deg);
}
.line:nth-child(172) .spark {
width: 213px;
height: 207px;
-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 1514ms -118ms linear infinite;
animation: fire 1514ms -118ms linear infinite;
}
@-webkit-keyframes spark172 {
0% {
-webkit-transform: translateY(581px);
transform: translateY(581px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(93deg) translateX(128px);
transform: rotateZ(93deg) translateX(128px);
}
}
@keyframes spark172 {
0% {
-webkit-transform: translateY(581px);
transform: translateY(581px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(93deg) translateX(128px);
transform: rotateZ(93deg) translateX(128px);
}
}
.line:nth-child(173) {
-webkit-transform: rotateY(59deg);
transform: rotateY(59deg);
}
.line:nth-child(173) .spark {
width: 242px;
height: 243px;
-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 1141ms -714ms linear infinite;
animation: fire 1141ms -714ms linear infinite;
}
@-webkit-keyframes spark173 {
0% {
-webkit-transform: translateY(580px);
transform: translateY(580px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(33deg) translateX(260px);
transform: rotateZ(33deg) translateX(260px);
}
}
@keyframes spark173 {
0% {
-webkit-transform: translateY(580px);
transform: translateY(580px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(33deg) translateX(260px);
transform: rotateZ(33deg) translateX(260px);
}
}
.line:nth-child(174) {
-webkit-transform: rotateY(46deg);
transform: rotateY(46deg);
}
.line:nth-child(174) .spark {
width: 293px;
height: 286px;
-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 1336ms -785ms linear infinite;
animation: fire 1336ms -785ms linear infinite;
}
@-webkit-keyframes spark174 {
0% {
-webkit-transform: translateY(574px);
transform: translateY(574px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(155deg) translateX(141px);
transform: rotateZ(155deg) translateX(141px);
}
}
@keyframes spark174 {
0% {
-webkit-transform: translateY(574px);
transform: translateY(574px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(155deg) translateX(141px);
transform: rotateZ(155deg) translateX(141px);
}
}
.line:nth-child(175) {
-webkit-transform: rotateY(176deg);
transform: rotateY(176deg);
}
.line:nth-child(175) .spark {
width: 303px;
height: 264px;
-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 1112ms -94ms linear infinite;
animation: fire 1112ms -94ms linear infinite;
}
@-webkit-keyframes spark175 {
0% {
-webkit-transform: translateY(541px);
transform: translateY(541px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(16deg) translateX(270px);
transform: rotateZ(16deg) translateX(270px);
}
}
@keyframes spark175 {
0% {
-webkit-transform: translateY(541px);
transform: translateY(541px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(16deg) translateX(270px);
transform: rotateZ(16deg) translateX(270px);
}
}
.line:nth-child(176) {
-webkit-transform: rotateY(319deg);
transform: rotateY(319deg);
}
.line:nth-child(176) .spark {
width: 267px;
height: 381px;
-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 1900ms -942ms linear infinite;
animation: fire 1900ms -942ms linear infinite;
}
@-webkit-keyframes spark176 {
0% {
-webkit-transform: translateY(534px);
transform: translateY(534px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(334deg) translateX(182px);
transform: rotateZ(334deg) translateX(182px);
}
}
@keyframes spark176 {
0% {
-webkit-transform: translateY(534px);
transform: translateY(534px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(334deg) translateX(182px);
transform: rotateZ(334deg) translateX(182px);
}
}
.line:nth-child(177) {
-webkit-transform: rotateY(212deg);
transform: rotateY(212deg);
}
.line:nth-child(177) .spark {
width: 370px;
height: 240px;
-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 1074ms -917ms linear infinite;
animation: fire 1074ms -917ms linear infinite;
}
@-webkit-keyframes spark177 {
0% {
-webkit-transform: translateY(576px);
transform: translateY(576px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(80deg) translateX(115px);
transform: rotateZ(80deg) translateX(115px);
}
}
@keyframes spark177 {
0% {
-webkit-transform: translateY(576px);
transform: translateY(576px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(80deg) translateX(115px);
transform: rotateZ(80deg) translateX(115px);
}
}
.line:nth-child(178) {
-webkit-transform: rotateY(146deg);
transform: rotateY(146deg);
}
.line:nth-child(178) .spark {
width: 295px;
height: 244px;
-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 1340ms -42ms linear infinite;
animation: fire 1340ms -42ms linear infinite;
}
@-webkit-keyframes spark178 {
0% {
-webkit-transform: translateY(629px);
transform: translateY(629px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(196deg) translateX(296px);
transform: rotateZ(196deg) translateX(296px);
}
}
@keyframes spark178 {
0% {
-webkit-transform: translateY(629px);
transform: translateY(629px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(196deg) translateX(296px);
transform: rotateZ(196deg) translateX(296px);
}
}
.line:nth-child(179) {
-webkit-transform: rotateY(15deg);
transform: rotateY(15deg);
}
.line:nth-child(179) .spark {
width: 388px;
height: 381px;
-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 1776ms -848ms linear infinite;
animation: fire 1776ms -848ms linear infinite;
}
@-webkit-keyframes spark179 {
0% {
-webkit-transform: translateY(611px);
transform: translateY(611px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(177deg) translateX(283px);
transform: rotateZ(177deg) translateX(283px);
}
}
@keyframes spark179 {
0% {
-webkit-transform: translateY(611px);
transform: translateY(611px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(177deg) translateX(283px);
transform: rotateZ(177deg) translateX(283px);
}
}
.line:nth-child(180) {
-webkit-transform: rotateY(277deg);
transform: rotateY(277deg);
}
.line:nth-child(180) .spark {
width: 259px;
height: 217px;
-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 1831ms -889ms linear infinite;
animation: fire 1831ms -889ms linear infinite;
}
@-webkit-keyframes spark180 {
0% {
-webkit-transform: translateY(595px);
transform: translateY(595px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(168deg) translateX(259px);
transform: rotateZ(168deg) translateX(259px);
}
}
@keyframes spark180 {
0% {
-webkit-transform: translateY(595px);
transform: translateY(595px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(168deg) translateX(259px);
transform: rotateZ(168deg) translateX(259px);
}
}
.line:nth-child(181) {
-webkit-transform: rotateY(97deg);
transform: rotateY(97deg);
}
.line:nth-child(181) .spark {
width: 245px;
height: 315px;
-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 1140ms -108ms linear infinite;
animation: fire 1140ms -108ms linear infinite;
}
@-webkit-keyframes spark181 {
0% {
-webkit-transform: translateY(597px);
transform: translateY(597px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(38deg) translateX(255px);
transform: rotateZ(38deg) translateX(255px);
}
}
@keyframes spark181 {
0% {
-webkit-transform: translateY(597px);
transform: translateY(597px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(38deg) translateX(255px);
transform: rotateZ(38deg) translateX(255px);
}
}
.line:nth-child(182) {
-webkit-transform: rotateY(3deg);
transform: rotateY(3deg);
}
.line:nth-child(182) .spark {
width: 360px;
height: 352px;
-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 1077ms -600ms linear infinite;
animation: fire 1077ms -600ms linear infinite;
}
@-webkit-keyframes spark182 {
0% {
-webkit-transform: translateY(589px);
transform: translateY(589px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(125deg) translateX(266px);
transform: rotateZ(125deg) translateX(266px);
}
}
@keyframes spark182 {
0% {
-webkit-transform: translateY(589px);
transform: translateY(589px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(125deg) translateX(266px);
transform: rotateZ(125deg) translateX(266px);
}
}
.line:nth-child(183) {
-webkit-transform: rotateY(23deg);
transform: rotateY(23deg);
}
.line:nth-child(183) .spark {
width: 379px;
height: 301px;
-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 1224ms -21ms linear infinite;
animation: fire 1224ms -21ms linear infinite;
}
@-webkit-keyframes spark183 {
0% {
-webkit-transform: translateY(522px);
transform: translateY(522px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(251deg) translateX(206px);
transform: rotateZ(251deg) translateX(206px);
}
}
@keyframes spark183 {
0% {
-webkit-transform: translateY(522px);
transform: translateY(522px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(251deg) translateX(206px);
transform: rotateZ(251deg) translateX(206px);
}
}
.line:nth-child(184) {
-webkit-transform: rotateY(256deg);
transform: rotateY(256deg);
}
.line:nth-child(184) .spark {
width: 397px;
height: 240px;
-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 1861ms -834ms linear infinite;
animation: fire 1861ms -834ms linear infinite;
}
@-webkit-keyframes spark184 {
0% {
-webkit-transform: translateY(590px);
transform: translateY(590px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(263deg) translateX(139px);
transform: rotateZ(263deg) translateX(139px);
}
}
@keyframes spark184 {
0% {
-webkit-transform: translateY(590px);
transform: translateY(590px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(263deg) translateX(139px);
transform: rotateZ(263deg) translateX(139px);
}
}
.line:nth-child(185) {
-webkit-transform: rotateY(32deg);
transform: rotateY(32deg);
}
.line:nth-child(185) .spark {
width: 346px;
height: 224px;
-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 1633ms -707ms linear infinite;
animation: fire 1633ms -707ms linear infinite;
}
@-webkit-keyframes spark185 {
0% {
-webkit-transform: translateY(568px);
transform: translateY(568px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(356deg) translateX(205px);
transform: rotateZ(356deg) translateX(205px);
}
}
@keyframes spark185 {
0% {
-webkit-transform: translateY(568px);
transform: translateY(568px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(356deg) translateX(205px);
transform: rotateZ(356deg) translateX(205px);
}
}
.line:nth-child(186) {
-webkit-transform: rotateY(199deg);
transform: rotateY(199deg);
}
.line:nth-child(186) .spark {
width: 221px;
height: 330px;
-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 1840ms -914ms linear infinite;
animation: fire 1840ms -914ms linear infinite;
}
@-webkit-keyframes spark186 {
0% {
-webkit-transform: translateY(599px);
transform: translateY(599px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(308deg) translateX(295px);
transform: rotateZ(308deg) translateX(295px);
}
}
@keyframes spark186 {
0% {
-webkit-transform: translateY(599px);
transform: translateY(599px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(308deg) translateX(295px);
transform: rotateZ(308deg) translateX(295px);
}
}
.line:nth-child(187) {
-webkit-transform: rotateY(359deg);
transform: rotateY(359deg);
}
.line:nth-child(187) .spark {
width: 290px;
height: 270px;
-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 1424ms -438ms linear infinite;
animation: fire 1424ms -438ms linear infinite;
}
@-webkit-keyframes spark187 {
0% {
-webkit-transform: translateY(512px);
transform: translateY(512px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(194deg) translateX(146px);
transform: rotateZ(194deg) translateX(146px);
}
}
@keyframes spark187 {
0% {
-webkit-transform: translateY(512px);
transform: translateY(512px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(194deg) translateX(146px);
transform: rotateZ(194deg) translateX(146px);
}
}
.line:nth-child(188) {
-webkit-transform: rotateY(172deg);
transform: rotateY(172deg);
}
.line:nth-child(188) .spark {
width: 336px;
height: 206px;
-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 1889ms -676ms linear infinite;
animation: fire 1889ms -676ms linear infinite;
}
@-webkit-keyframes spark188 {
0% {
-webkit-transform: translateY(568px);
transform: translateY(568px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(195deg) translateX(283px);
transform: rotateZ(195deg) translateX(283px);
}
}
@keyframes spark188 {
0% {
-webkit-transform: translateY(568px);
transform: translateY(568px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(195deg) translateX(283px);
transform: rotateZ(195deg) translateX(283px);
}
}
.line:nth-child(189) {
-webkit-transform: rotateY(187deg);
transform: rotateY(187deg);
}
.line:nth-child(189) .spark {
width: 350px;
height: 313px;
-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 1874ms -953ms linear infinite;
animation: fire 1874ms -953ms linear infinite;
}
@-webkit-keyframes spark189 {
0% {
-webkit-transform: translateY(625px);
transform: translateY(625px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(43deg) translateX(189px);
transform: rotateZ(43deg) translateX(189px);
}
}
@keyframes spark189 {
0% {
-webkit-transform: translateY(625px);
transform: translateY(625px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(43deg) translateX(189px);
transform: rotateZ(43deg) translateX(189px);
}
}
.line:nth-child(190) {
-webkit-transform: rotateY(107deg);
transform: rotateY(107deg);
}
.line:nth-child(190) .spark {
width: 390px;
height: 363px;
-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 1833ms -942ms linear infinite;
animation: fire 1833ms -942ms linear infinite;
}
@-webkit-keyframes spark190 {
0% {
-webkit-transform: translateY(590px);
transform: translateY(590px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(142deg) translateX(255px);
transform: rotateZ(142deg) translateX(255px);
}
}
@keyframes spark190 {
0% {
-webkit-transform: translateY(590px);
transform: translateY(590px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(142deg) translateX(255px);
transform: rotateZ(142deg) translateX(255px);
}
}
.line:nth-child(191) {
-webkit-transform: rotateY(257deg);
transform: rotateY(257deg);
}
.line:nth-child(191) .spark {
width: 317px;
height: 220px;
-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 1285ms -278ms linear infinite;
animation: fire 1285ms -278ms linear infinite;
}
@-webkit-keyframes spark191 {
0% {
-webkit-transform: translateY(616px);
transform: translateY(616px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(242deg) translateX(133px);
transform: rotateZ(242deg) translateX(133px);
}
}
@keyframes spark191 {
0% {
-webkit-transform: translateY(616px);
transform: translateY(616px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(242deg) translateX(133px);
transform: rotateZ(242deg) translateX(133px);
}
}
.line:nth-child(192) {
-webkit-transform: rotateY(181deg);
transform: rotateY(181deg);
}
.line:nth-child(192) .spark {
width: 364px;
height: 236px;
-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 1013ms -908ms linear infinite;
animation: fire 1013ms -908ms linear infinite;
}
@-webkit-keyframes spark192 {
0% {
-webkit-transform: translateY(572px);
transform: translateY(572px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(355deg) translateX(109px);
transform: rotateZ(355deg) translateX(109px);
}
}
@keyframes spark192 {
0% {
-webkit-transform: translateY(572px);
transform: translateY(572px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(355deg) translateX(109px);
transform: rotateZ(355deg) translateX(109px);
}
}
.line:nth-child(193) {
-webkit-transform: rotateY(154deg);
transform: rotateY(154deg);
}
.line:nth-child(193) .spark {
width: 206px;
height: 379px;
-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 1550ms -22ms linear infinite;
animation: fire 1550ms -22ms linear infinite;
}
@-webkit-keyframes spark193 {
0% {
-webkit-transform: translateY(619px);
transform: translateY(619px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(36deg) translateX(111px);
transform: rotateZ(36deg) translateX(111px);
}
}
@keyframes spark193 {
0% {
-webkit-transform: translateY(619px);
transform: translateY(619px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(36deg) translateX(111px);
transform: rotateZ(36deg) translateX(111px);
}
}
.line:nth-child(194) {
-webkit-transform: rotateY(100deg);
transform: rotateY(100deg);
}
.line:nth-child(194) .spark {
width: 249px;
height: 381px;
-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 1163ms -803ms linear infinite;
animation: fire 1163ms -803ms linear infinite;
}
@-webkit-keyframes spark194 {
0% {
-webkit-transform: translateY(592px);
transform: translateY(592px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(95deg) translateX(158px);
transform: rotateZ(95deg) translateX(158px);
}
}
@keyframes spark194 {
0% {
-webkit-transform: translateY(592px);
transform: translateY(592px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(95deg) translateX(158px);
transform: rotateZ(95deg) translateX(158px);
}
}
.line:nth-child(195) {
-webkit-transform: rotateY(225deg);
transform: rotateY(225deg);
}
.line:nth-child(195) .spark {
width: 289px;
height: 316px;
-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 1545ms -866ms linear infinite;
animation: fire 1545ms -866ms linear infinite;
}
@-webkit-keyframes spark195 {
0% {
-webkit-transform: translateY(509px);
transform: translateY(509px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(290deg) translateX(163px);
transform: rotateZ(290deg) translateX(163px);
}
}
@keyframes spark195 {
0% {
-webkit-transform: translateY(509px);
transform: translateY(509px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(290deg) translateX(163px);
transform: rotateZ(290deg) translateX(163px);
}
}
.line:nth-child(196) {
-webkit-transform: rotateY(150deg);
transform: rotateY(150deg);
}
.line:nth-child(196) .spark {
width: 365px;
height: 291px;
-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 1829ms -139ms linear infinite;
animation: fire 1829ms -139ms linear infinite;
}
@-webkit-keyframes spark196 {
0% {
-webkit-transform: translateY(517px);
transform: translateY(517px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(30deg) translateX(126px);
transform: rotateZ(30deg) translateX(126px);
}
}
@keyframes spark196 {
0% {
-webkit-transform: translateY(517px);
transform: translateY(517px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(30deg) translateX(126px);
transform: rotateZ(30deg) translateX(126px);
}
}
.line:nth-child(197) {
-webkit-transform: rotateY(111deg);
transform: rotateY(111deg);
}
.line:nth-child(197) .spark {
width: 348px;
height: 286px;
-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 1244ms -827ms linear infinite;
animation: fire 1244ms -827ms linear infinite;
}
@-webkit-keyframes spark197 {
0% {
-webkit-transform: translateY(559px);
transform: translateY(559px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(275deg) translateX(178px);
transform: rotateZ(275deg) translateX(178px);
}
}
@keyframes spark197 {
0% {
-webkit-transform: translateY(559px);
transform: translateY(559px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(275deg) translateX(178px);
transform: rotateZ(275deg) translateX(178px);
}
}
.line:nth-child(198) {
-webkit-transform: rotateY(79deg);
transform: rotateY(79deg);
}
.line:nth-child(198) .spark {
width: 230px;
height: 400px;
-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 1839ms -340ms linear infinite;
animation: fire 1839ms -340ms linear infinite;
}
@-webkit-keyframes spark198 {
0% {
-webkit-transform: translateY(541px);
transform: translateY(541px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(12deg) translateX(175px);
transform: rotateZ(12deg) translateX(175px);
}
}
@keyframes spark198 {
0% {
-webkit-transform: translateY(541px);
transform: translateY(541px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(12deg) translateX(175px);
transform: rotateZ(12deg) translateX(175px);
}
}
.line:nth-child(199) {
-webkit-transform: rotateY(247deg);
transform: rotateY(247deg);
}
.line:nth-child(199) .spark {
width: 322px;
height: 219px;
-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 1161ms -366ms linear infinite;
animation: fire 1161ms -366ms linear infinite;
}
@-webkit-keyframes spark199 {
0% {
-webkit-transform: translateY(649px);
transform: translateY(649px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(111deg) translateX(245px);
transform: rotateZ(111deg) translateX(245px);
}
}
@keyframes spark199 {
0% {
-webkit-transform: translateY(649px);
transform: translateY(649px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(111deg) translateX(245px);
transform: rotateZ(111deg) translateX(245px);
}
}
.line:nth-child(200) {
-webkit-transform: rotateY(173deg);
transform: rotateY(173deg);
}
.line:nth-child(200) .spark {
width: 362px;
height: 202px;
-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 1451ms -656ms linear infinite;
animation: fire 1451ms -656ms linear infinite;
}
@-webkit-keyframes spark200 {
0% {
-webkit-transform: translateY(567px);
transform: translateY(567px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(264deg) translateX(115px);
transform: rotateZ(264deg) translateX(115px);
}
}
@keyframes spark200 {
0% {
-webkit-transform: translateY(567px);
transform: translateY(567px);
}
50% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
-webkit-transform: rotateZ(264deg) translateX(115px);
transform: rotateZ(264deg) translateX(115px);
}
}
@-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);
}
}