纯css实现烟花绽放动画效果

代码语言:html

所属分类:动画

代码描述:纯css实现烟花绽放动画效果

代码标签: 烟花 绽放 动画 效果

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">

<style>
body {
  background: radial-gradient(ellipse at bottom, #1b2735 0%, #090a0f 100%);
  height: 100vh;
  overflow: hidden;
  display: -webkit-box;
  display: flex;
  font-family: 'Anton', sans-serif;
  -webkit-box-pack: center;
          justify-content: center;
  -webkit-box-align: center;
          align-items: center;
  -webkit-perspective: 600px;
          perspective: 600px;
}

div {
  -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(71deg);
          transform: rotateY(71deg);
}
.line:nth-child(1) .spark {
  width: 264px;
  height: 396px;
  -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 1913ms -537ms linear infinite;
          animation: fire 1913ms -537ms linear infinite;
}
@-webkit-keyframes spark1 {
  0% {
    -webkit-transform: translateY(641px);
            transform: translateY(641px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(63deg) translateX(277px);
            transform: rotateZ(63deg) translateX(277px);
  }
}
@keyframes spark1 {
  0% {
    -webkit-transform: translateY(641px);
            transform: translateY(641px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(63deg) translateX(277px);
            transform: rotateZ(63deg) translateX(277px);
  }
}
.line:nth-child(2) {
  -webkit-transform: rotateY(25deg);
          transform: rotateY(25deg);
}
.line:nth-child(2) .spark {
  width: 304px;
  height: 226px;
  -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 1984ms -902ms linear infinite;
          animation: fire 1984ms -902ms linear infinite;
}
@-webkit-keyframes spark2 {
  0% {
    -webkit-transform: translateY(611px);
            transform: translateY(611px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(180deg) translateX(269px);
            transform: rotateZ(180deg) translateX(269px);
  }
}
@keyframes spark2 {
  0% {
    -webkit-transform: translateY(611px);
            transform: translateY(611px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(180deg) translateX(269px);
            transform: rotateZ(180deg) translateX(269px);
  }
}
.line:nth-child(3) {
  -webkit-transform: rotateY(324deg);
          transform: rotateY(324deg);
}
.line:nth-child(3) .spark {
  width: 306px;
  height: 274px;
  -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 1753ms -403ms linear infinite;
          animation: fire 1753ms -403ms linear infinite;
}
@-webkit-keyframes spark3 {
  0% {
    -webkit-transform: translateY(565px);
            transform: translateY(565px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(227deg) translateX(277px);
            transform: rotateZ(227deg) translateX(277px);
  }
}
@keyframes spark3 {
  0% {
    -webkit-transform: translateY(565px);
            transform: translateY(565px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(227deg) translateX(277px);
            transform: rotateZ(227deg) translateX(277px);
  }
}
.line:nth-child(4) {
  -webkit-transform: rotateY(53deg);
          transform: rotateY(53deg);
}
.line:nth-child(4) .spark {
  width: 372px;
  height: 377px;
  -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 1779ms -616ms linear infinite;
          animation: fire 1779ms -616ms linear infinite;
}
@-webkit-keyframes spark4 {
  0% {
    -webkit-transform: translateY(545px);
            transform: translateY(545px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(218deg) translateX(138px);
            transform: rotateZ(218deg) translateX(138px);
  }
}
@keyframes spark4 {
  0% {
    -webkit-transform: translateY(545px);
            transform: translateY(545px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(218deg) translateX(138px);
            transform: rotateZ(218deg) translateX(138px);
  }
}
.line:nth-child(5) {
  -webkit-transform: rotateY(227deg);
          transform: rotateY(227deg);
}
.line:nth-child(5) .spark {
  width: 399px;
  height: 208px;
  -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 1088ms -422ms linear infinite;
          animation: fire 1088ms -422ms linear infinite;
}
@-webkit-keyframes spark5 {
  0% {
    -webkit-transform: translateY(503px);
            transform: translateY(503px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(92deg) translateX(141px);
            transform: rotateZ(92deg) translateX(141px);
  }
}
@keyframes spark5 {
  0% {
    -webkit-transform: translateY(503px);
            transform: translateY(503px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(92deg) translateX(141px);
            transform: rotateZ(92deg) translateX(141px);
  }
}
.line:nth-child(6) {
  -webkit-transform: rotateY(236deg);
          transform: rotateY(236deg);
}
.line:nth-child(6) .spark {
  width: 263px;
  height: 246px;
  -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 1566ms -185ms linear infinite;
          animation: fire 1566ms -185ms linear infinite;
}
@-webkit-keyframes spark6 {
  0% {
    -webkit-transform: translateY(594px);
            transform: translateY(594px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(265deg) translateX(132px);
            transform: rotateZ(265deg) translateX(132px);
  }
}
@keyframes spark6 {
  0% {
    -webkit-transform: translateY(594px);
            transform: translateY(594px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(265deg) translateX(132px);
            transform: rotateZ(265deg) translateX(132px);
  }
}
.line:nth-child(7) {
  -webkit-transform: rotateY(197deg);
          transform: rotateY(197deg);
}
.line:nth-child(7) .spark {
  width: 209px;
  height: 279px;
  -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 1294ms -56ms linear infinite;
          animation: fire 1294ms -56ms linear infinite;
}
@-webkit-keyframes spark7 {
  0% {
    -webkit-transform: translateY(507px);
            transform: translateY(507px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(284deg) translateX(235px);
            transform: rotateZ(284deg) translateX(235px);
  }
}
@keyframes spark7 {
  0% {
    -webkit-transform: translateY(507px);
            transform: translateY(507px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(284deg) translateX(235px);
            transform: rotateZ(284deg) translateX(235px);
  }
}
.line:nth-child(8) {
  -webkit-transform: rotateY(134deg);
          transform: rotateY(134deg);
}
.line:nth-child(8) .spark {
  width: 372px;
  height: 340px;
  -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 1759ms -14ms linear infinite;
          animation: fire 1759ms -14ms linear infinite;
}
@-webkit-keyframes spark8 {
  0% {
    -webkit-transform: translateY(593px);
            transform: translateY(593px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(131deg) translateX(139px);
            transform: rotateZ(131deg) translateX(139px);
  }
}
@keyframes spark8 {
  0% {
    -webkit-transform: translateY(593px);
            transform: translateY(593px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(131deg) translateX(139px);
            transform: rotateZ(131deg) translateX(139px);
  }
}
.line:nth-child(9) {
  -webkit-transform: rotateY(173deg);
          transform: rotateY(173deg);
}
.line:nth-child(9) .spark {
  width: 348px;
  height: 271px;
  -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 1495ms -280ms linear infinite;
          animation: fire 1495ms -280ms linear infinite;
}
@-webkit-keyframes spark9 {
  0% {
    -webkit-transform: translateY(566px);
            transform: translateY(566px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(89deg) translateX(238px);
            transform: rotateZ(89deg) translateX(238px);
  }
}
@keyframes spark9 {
  0% {
    -webkit-transform: translateY(566px);
            transform: translateY(566px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(89deg) translateX(238px);
            transform: rotateZ(89deg) translateX(238px);
  }
}
.line:nth-child(10) {
  -webkit-transform: rotateY(87deg);
          transform: rotateY(87deg);
}
.line:nth-child(10) .spark {
  width: 380px;
  height: 256px;
  -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 1170ms -343ms linear infinite;
          animation: fire 1170ms -343ms linear infinite;
}
@-webkit-keyframes spark10 {
  0% {
    -webkit-transform: translateY(612px);
            transform: translateY(612px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(91deg) translateX(269px);
            transform: rotateZ(91deg) translateX(269px);
  }
}
@keyframes spark10 {
  0% {
    -webkit-transform: translateY(612px);
            transform: translateY(612px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(91deg) translateX(269px);
            transform: rotateZ(91deg) translateX(269px);
  }
}
.line:nth-child(11) {
  -webkit-transform: rotateY(266deg);
          transform: rotateY(266deg);
}
.line:nth-child(11) .spark {
  width: 225px;
  height: 335px;
  -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 1448ms -247ms linear infinite;
          animation: fire 1448ms -247ms linear infinite;
}
@-webkit-keyframes spark11 {
  0% {
    -webkit-transform: translateY(521px);
            transform: translateY(521px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(268deg) translateX(104px);
            transform: rotateZ(268deg) translateX(104px);
  }
}
@keyframes spark11 {
  0% {
    -webkit-transform: translateY(521px);
            transform: translateY(521px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(268deg) translateX(104px);
            transform: rotateZ(268deg) translateX(104px);
  }
}
.line:nth-child(12) {
  -webkit-transform: rotateY(187deg);
          transform: rotateY(187deg);
}
.line:nth-child(12) .spark {
  width: 203px;
  height: 376px;
  -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 1620ms -314ms linear infinite;
          animation: fire 1620ms -314ms linear infinite;
}
@-webkit-keyframes spark12 {
  0% {
    -webkit-transform: translateY(553px);
            transform: translateY(553px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(137deg) translateX(248px);
            transform: rotateZ(137deg) translateX(248px);
  }
}
@keyframes spark12 {
  0% {
    -webkit-transform: translateY(553px);
            transform: translateY(553px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(137deg) translateX(248px);
            transform: rotateZ(137deg) translateX(248px);
  }
}
.line:nth-child(13) {
  -webkit-transform: rotateY(126deg);
          transform: rotateY(126deg);
}
.line:nth-child(13) .spark {
  width: 341px;
  height: 251px;
  -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 1131ms -516ms linear infinite;
          animation: fire 1131ms -516ms linear infinite;
}
@-webkit-keyframes spark13 {
  0% {
    -webkit-transform: translateY(575px);
            transform: translateY(575px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(131deg) translateX(226px);
            transform: rotateZ(131deg) translateX(226px);
  }
}
@keyframes spark13 {
  0% {
    -webkit-transform: translateY(575px);
            transform: translateY(575px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(131deg) translateX(226px);
            transform: rotateZ(131deg) translateX(226px);
  }
}
.line:nth-child(14) {
  -webkit-transform: rotateY(127deg);
          transform: rotateY(127deg);
}
.line:nth-child(14) .spark {
  width: 372px;
  height: 301px;
  -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 1226ms -432ms linear infinite;
          animation: fire 1226ms -432ms linear infinite;
}
@-webkit-keyframes spark14 {
  0% {
    -webkit-transform: translateY(604px);
            transform: translateY(604px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(60deg) translateX(122px);
            transform: rotateZ(60deg) translateX(122px);
  }
}
@keyframes spark14 {
  0% {
    -webkit-transform: translateY(604px);
            transform: translateY(604px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(60deg) translateX(122px);
            transform: rotateZ(60deg) translateX(122px);
  }
}
.line:nth-child(15) {
  -webkit-transform: rotateY(171deg);
          transform: rotateY(171deg);
}
.line:nth-child(15) .spark {
  width: 364px;
  height: 317px;
  -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 1067ms -975ms linear infinite;
          animation: fire 1067ms -975ms linear infinite;
}
@-webkit-keyframes spark15 {
  0% {
    -webkit-transform: translateY(575px);
            transform: translateY(575px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(291deg) translateX(262px);
            transform: rotateZ(291deg) translateX(262px);
  }
}
@keyframes spark15 {
  0% {
    -webkit-transform: translateY(575px);
            transform: translateY(575px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(291deg) translateX(262px);
            transform: rotateZ(291deg) translateX(262px);
  }
}
.line:nth-child(16) {
  -webkit-transform: rotateY(215deg);
          transform: rotateY(215deg);
}
.line:nth-child(16) .spark {
  width: 378px;
  height: 362px;
  -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 1871ms -69ms linear infinite;
          animation: fire 1871ms -69ms linear infinite;
}
@-webkit-keyframes spark16 {
  0% {
    -webkit-transform: translateY(609px);
            transform: translateY(609px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(312deg) translateX(163px);
            transform: rotateZ(312deg) translateX(163px);
  }
}
@keyframes spark16 {
  0% {
    -webkit-transform: translateY(609px);
            transform: translateY(609px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(312deg) translateX(163px);
            transform: rotateZ(312deg) translateX(163px);
  }
}
.line:nth-child(17) {
  -webkit-transform: rotateY(171deg);
          transform: rotateY(171deg);
}
.line:nth-child(17) .spark {
  width: 331px;
  height: 251px;
  -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 1923ms -371ms linear infinite;
          animation: fire 1923ms -371ms linear infinite;
}
@-webkit-keyframes spark17 {
  0% {
    -webkit-transform: translateY(604px);
            transform: translateY(604px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(279deg) translateX(204px);
            transform: rotateZ(279deg) translateX(204px);
  }
}
@keyframes spark17 {
  0% {
    -webkit-transform: translateY(604px);
            transform: translateY(604px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(279deg) translateX(204px);
            transform: rotateZ(279deg) translateX(204px);
  }
}
.line:nth-child(18) {
  -webkit-transform: rotateY(70deg);
          transform: rotateY(70deg);
}
.line:nth-child(18) .spark {
  width: 209px;
  height: 299px;
  -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 1377ms -765ms linear infinite;
          animation: fire 1377ms -765ms linear infinite;
}
@-webkit-keyframes spark18 {
  0% {
    -webkit-transform: translateY(523px);
            transform: translateY(523px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(216deg) translateX(170px);
            transform: rotateZ(216deg) translateX(170px);
  }
}
@keyframes spark18 {
  0% {
    -webkit-transform: translateY(523px);
            transform: translateY(523px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(216deg) translateX(170px);
            transform: rotateZ(216deg) translateX(170px);
  }
}
.line:nth-child(19) {
  -webkit-transform: rotateY(32deg);
          transform: rotateY(32deg);
}
.line:nth-child(19) .spark {
  width: 349px;
  height: 273px;
  -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 1736ms -581ms linear infinite;
          animation: fire 1736ms -581ms linear infinite;
}
@-webkit-keyframes spark19 {
  0% {
    -webkit-transform: translateY(644px);
            transform: translateY(644px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(97deg) translateX(129px);
            transform: rotateZ(97deg) translateX(129px);
  }
}
@keyframes spark19 {
  0% {
    -webkit-transform: translateY(644px);
            transform: translateY(644px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(97deg) translateX(129px);
            transform: rotateZ(97deg) translateX(129px);
  }
}
.line:nth-child(20) {
  -webkit-transform: rotateY(120deg);
          transform: rotateY(120deg);
}
.line:nth-child(20) .spark {
  width: 315px;
  height: 208px;
  -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 1704ms -356ms linear infinite;
          animation: fire 1704ms -356ms linear infinite;
}
@-webkit-keyframes spark20 {
  0% {
    -webkit-transform: translateY(603px);
            transform: translateY(603px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(84deg) translateX(198px);
            transform: rotateZ(84deg) translateX(198px);
  }
}
@keyframes spark20 {
  0% {
    -webkit-transform: translateY(603px);
            transform: translateY(603px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(84deg) translateX(198px);
            transform: rotateZ(84deg) translateX(198px);
  }
}
.line:nth-child(21) {
  -webkit-transform: rotateY(211deg);
          transform: rotateY(211deg);
}
.line:nth-child(21) .spark {
  width: 233px;
  height: 344px;
  -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 1955ms -761ms linear infinite;
          animation: fire 1955ms -761ms linear infinite;
}
@-webkit-keyframes spark21 {
  0% {
    -webkit-transform: translateY(619px);
            transform: translateY(619px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(254deg) translateX(233px);
            transform: rotateZ(254deg) translateX(233px);
  }
}
@keyframes spark21 {
  0% {
    -webkit-transform: translateY(619px);
            transform: translateY(619px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(254deg) translateX(233px);
            transform: rotateZ(254deg) translateX(233px);
  }
}
.line:nth-child(22) {
  -webkit-transform: rotateY(133deg);
          transform: rotateY(133deg);
}
.line:nth-child(22) .spark {
  width: 355px;
  height: 208px;
  -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 1482ms -537ms linear infinite;
          animation: fire 1482ms -537ms linear infinite;
}
@-webkit-keyframes spark22 {
  0% {
    -webkit-transform: translateY(566px);
            transform: translateY(566px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(144deg) translateX(130px);
            transform: rotateZ(144deg) translateX(130px);
  }
}
@keyframes spark22 {
  0% {
    -webkit-transform: translateY(566px);
            transform: translateY(566px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(144deg) translateX(130px);
            transform: rotateZ(144deg) translateX(130px);
  }
}
.line:nth-child(23) {
  -webkit-transform: rotateY(145deg);
          transform: rotateY(145deg);
}
.line:nth-child(23) .spark {
  width: 396px;
  height: 248px;
  -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 1999ms -256ms linear infinite;
          animation: fire 1999ms -256ms linear infinite;
}
@-webkit-keyframes spark23 {
  0% {
    -webkit-transform: translateY(647px);
            transform: translateY(647px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(109deg) translateX(118px);
            transform: rotateZ(109deg) translateX(118px);
  }
}
@keyframes spark23 {
  0% {
    -webkit-transform: translateY(647px);
            transform: translateY(647px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(109deg) translateX(118px);
            transform: rotateZ(109deg) translateX(118px);
  }
}
.line:nth-child(24) {
  -webkit-transform: rotateY(213deg);
          transform: rotateY(213deg);
}
.line:nth-child(24) .spark {
  width: 224px;
  height: 337px;
  -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 1222ms -312ms linear infinite;
          animation: fire 1222ms -312ms linear infinite;
}
@-webkit-keyframes spark24 {
  0% {
    -webkit-transform: translateY(641px);
            transform: translateY(641px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(19deg) translateX(221px);
            transform: rotateZ(19deg) translateX(221px);
  }
}
@keyframes spark24 {
  0% {
    -webkit-transform: translateY(641px);
            transform: translateY(641px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(19deg) translateX(221px);
            transform: rotateZ(19deg) translateX(221px);
  }
}
.line:nth-child(25) {
  -webkit-transform: rotateY(4deg);
          transform: rotateY(4deg);
}
.line:nth-child(25) .spark {
  width: 286px;
  height: 314px;
  -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 1230ms -121ms linear infinite;
          animation: fire 1230ms -121ms linear infinite;
}
@-webkit-keyframes spark25 {
  0% {
    -webkit-transform: translateY(560px);
            transform: translateY(560px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(273deg) translateX(125px);
            transform: rotateZ(273deg) translateX(125px);
  }
}
@keyframes spark25 {
  0% {
    -webkit-transform: translateY(560px);
            transform: translateY(560px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(273deg) translateX(125px);
            transform: rotateZ(273deg) translateX(125px);
  }
}
.line:nth-child(26) {
  -webkit-transform: rotateY(36deg);
          transform: rotateY(36deg);
}
.line:nth-child(26) .spark {
  width: 317px;
  height: 313px;
  -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 1230ms -862ms linear infinite;
          animation: fire 1230ms -862ms linear infinite;
}
@-webkit-keyframes spark26 {
  0% {
    -webkit-transform: translateY(560px);
            transform: translateY(560px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(217deg) translateX(209px);
            transform: rotateZ(217deg) translateX(209px);
  }
}
@keyframes spark26 {
  0% {
    -webkit-transform: translateY(560px);
            transform: translateY(560px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(217deg) translateX(209px);
            transform: rotateZ(217deg) translateX(209px);
  }
}
.line:nth-child(27) {
  -webkit-transform: rotateY(218deg);
          transform: rotateY(218deg);
}
.line:nth-child(27) .spark {
  width: 247px;
  height: 234px;
  -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 1953ms -99ms linear infinite;
          animation: fire 1953ms -99ms linear infinite;
}
@-webkit-keyframes spark27 {
  0% {
    -webkit-transform: translateY(625px);
            transform: translateY(625px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(359deg) translateX(211px);
            transform: rotateZ(359deg) translateX(211px);
  }
}
@keyframes spark27 {
  0% {
    -webkit-transform: translateY(625px);
            transform: translateY(625px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(359deg) translateX(211px);
            transform: rotateZ(359deg) translateX(211px);
  }
}
.line:nth-child(28) {
  -webkit-transform: rotateY(19deg);
          transform: rotateY(19deg);
}
.line:nth-child(28) .spark {
  width: 285px;
  height: 268px;
  -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 1329ms -410ms linear infinite;
          animation: fire 1329ms -410ms linear infinite;
}
@-webkit-keyframes spark28 {
  0% {
    -webkit-transform: translateY(631px);
            transform: translateY(631px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(16deg) translateX(158px);
            transform: rotateZ(16deg) translateX(158px);
  }
}
@keyframes spark28 {
  0% {
    -webkit-transform: translateY(631px);
            transform: translateY(631px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(16deg) translateX(158px);
            transform: rotateZ(16deg) translateX(158px);
  }
}
.line:nth-child(29) {
  -webkit-transform: rotateY(267deg);
          transform: rotateY(267deg);
}
.line:nth-child(29) .spark {
  width: 225px;
  height: 391px;
  -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 1420ms -496ms linear infinite;
          animation: fire 1420ms -496ms linear infinite;
}
@-webkit-keyframes spark29 {
  0% {
    -webkit-transform: translateY(589px);
            transform: translateY(589px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(162deg) translateX(146px);
            transform: rotateZ(162deg) translateX(146px);
  }
}
@keyframes spark29 {
  0% {
    -webkit-transform: translateY(589px);
            transform: translateY(589px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(162deg) translateX(146px);
            transform: rotateZ(162deg) translateX(146px);
  }
}
.line:nth-child(30) {
  -webkit-transform: rotateY(299deg);
          transform: rotateY(299deg);
}
.line:nth-child(30) .spark {
  width: 210px;
  height: 243px;
  -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 1994ms -373ms linear infinite;
          animation: fire 1994ms -373ms linear infinite;
}
@-webkit-keyframes spark30 {
  0% {
    -webkit-transform: translateY(598px);
            transform: translateY(598px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(44deg) translateX(231px);
            transform: rotateZ(44deg) translateX(231px);
  }
}
@keyframes spark30 {
  0% {
    -webkit-transform: translateY(598px);
            transform: translateY(598px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(44deg) translateX(231px);
            transform: rotateZ(44deg) translateX(231px);
  }
}
.line:nth-child(31) {
  -webkit-transform: rotateY(221deg);
          transform: rotateY(221deg);
}
.line:nth-child(31) .spark {
  width: 295px;
  height: 203px;
  -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 1598ms -699ms linear infinite;
          animation: fire 1598ms -699ms linear infinite;
}
@-webkit-keyframes spark31 {
  0% {
    -webkit-transform: translateY(525px);
            transform: translateY(525px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(143deg) translateX(258px);
            transform: rotateZ(143deg) translateX(258px);
  }
}
@keyframes spark31 {
  0% {
    -webkit-transform: translateY(525px);
            transform: translateY(525px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(143deg) translateX(258px);
            transform: rotateZ(143deg) translateX(258px);
  }
}
.line:nth-child(32) {
  -webkit-transform: rotateY(217deg);
          transform: rotateY(217deg);
}
.line:nth-child(32) .spark {
  width: 384px;
  height: 354px;
  -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 1632ms -590ms linear infinite;
          animation: fire 1632ms -590ms linear infinite;
}
@-webkit-keyframes spark32 {
  0% {
    -webkit-transform: translateY(630px);
            transform: translateY(630px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(97deg) translateX(130px);
            transform: rotateZ(97deg) translateX(130px);
  }
}
@keyframes spark32 {
  0% {
    -webkit-transform: translateY(630px);
            transform: translateY(630px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(97deg) translateX(130px);
            transform: rotateZ(97deg) translateX(130px);
  }
}
.line:nth-child(33) {
  -webkit-transform: rotateY(152deg);
          transform: rotateY(152deg);
}
.line:nth-child(33) .spark {
  width: 391px;
  height: 229px;
  -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 1558ms -177ms linear infinite;
          animation: fire 1558ms -177ms linear infinite;
}
@-webkit-keyframes spark33 {
  0% {
    -webkit-transform: translateY(577px);
            transform: translateY(577px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(337deg) translateX(287px);
            transform: rotateZ(337deg) translateX(287px);
  }
}
@keyframes spark33 {
  0% {
    -webkit-transform: translateY(577px);
            transform: translateY(577px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(337deg) translateX(287px);
            transform: rotateZ(337deg) translateX(287px);
  }
}
.line:nth-child(34) {
  -webkit-transform: rotateY(134deg);
          transform: rotateY(134deg);
}
.line:nth-child(34) .spark {
  width: 354px;
  height: 396px;
  -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 1902ms -198ms linear infinite;
          animation: fire 1902ms -198ms linear infinite;
}
@-webkit-keyframes spark34 {
  0% {
    -webkit-transform: translateY(637px);
            transform: translateY(637px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(87deg) translateX(280px);
            transform: rotateZ(87deg) translateX(280px);
  }
}
@keyframes spark34 {
  0% {
    -webkit-transform: translateY(637px);
            transform: translateY(637px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(87deg) translateX(280px);
            transform: rotateZ(87deg) translateX(280px);
  }
}
.line:nth-child(35) {
  -webkit-transform: rotateY(132deg);
          transform: rotateY(132deg);
}
.line:nth-child(35) .spark {
  width: 394px;
  height: 353px;
  -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 1950ms -711ms linear infinite;
          animation: fire 1950ms -711ms linear infinite;
}
@-webkit-keyframes spark35 {
  0% {
    -webkit-transform: translateY(587px);
            transform: translateY(587px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(355deg) translateX(199px);
            transform: rotateZ(355deg) translateX(199px);
  }
}
@keyframes spark35 {
  0% {
    -webkit-transform: translateY(587px);
            transform: translateY(587px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(355deg) translateX(199px);
            transform: rotateZ(355deg) translateX(199px);
  }
}
.line:nth-child(36) {
  -webkit-transform: rotateY(170deg);
          transform: rotateY(170deg);
}
.line:nth-child(36) .spark {
  width: 367px;
  height: 210px;
  -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 1330ms -632ms linear infinite;
          animation: fire 1330ms -632ms linear infinite;
}
@-webkit-keyframes spark36 {
  0% {
    -webkit-transform: translateY(591px);
            transform: translateY(591px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(115deg) translateX(106px);
            transform: rotateZ(115deg) translateX(106px);
  }
}
@keyframes spark36 {
  0% {
    -webkit-transform: translateY(591px);
            transform: translateY(591px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(115deg) translateX(106px);
            transform: rotateZ(115deg) translateX(106px);
  }
}
.line:nth-child(37) {
  -webkit-transform: rotateY(79deg);
          transform: rotateY(79deg);
}
.line:nth-child(37) .spark {
  width: 278px;
  height: 313px;
  -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 1068ms -222ms linear infinite;
          animation: fire 1068ms -222ms linear infinite;
}
@-webkit-keyframes spark37 {
  0% {
    -webkit-transform: translateY(538px);
            transform: translateY(538px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(259deg) translateX(201px);
            transform: rotateZ(259deg) translateX(201px);
  }
}
@keyframes spark37 {
  0% {
    -webkit-transform: translateY(538px);
            transform: translateY(538px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(259deg) translateX(201px);
            transform: rotateZ(259deg) translateX(201px);
  }
}
.line:nth-child(38) {
  -webkit-transform: rotateY(225deg);
          transform: rotateY(225deg);
}
.line:nth-child(38) .spark {
  width: 320px;
  height: 291px;
  -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 1848ms -901ms linear infinite;
          animation: fire 1848ms -901ms linear infinite;
}
@-webkit-keyframes spark38 {
  0% {
    -webkit-transform: translateY(512px);
            transform: translateY(512px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(50deg) translateX(202px);
            transform: rotateZ(50deg) translateX(202px);
  }
}
@keyframes spark38 {
  0% {
    -webkit-transform: translateY(512px);
            transform: translateY(512px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(50deg) translateX(202px);
            transform: rotateZ(50deg) translateX(202px);
  }
}
.line:nth-child(39) {
  -webkit-transform: rotateY(195deg);
          transform: rotateY(195deg);
}
.line:nth-child(39) .spark {
  width: 273px;
  height: 263px;
  -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 1988ms -602ms linear infinite;
          animation: fire 1988ms -602ms linear infinite;
}
@-webkit-keyframes spark39 {
  0% {
    -webkit-transform: translateY(575px);
            transform: translateY(575px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(115deg) translateX(226px);
            transform: rotateZ(115deg) translateX(226px);
  }
}
@keyframes spark39 {
  0% {
    -webkit-transform: translateY(575px);
            transform: translateY(575px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(115deg) translateX(226px);
            transform: rotateZ(115deg) translateX(226px);
  }
}
.line:nth-child(40) {
  -webkit-transform: rotateY(344deg);
          transform: rotateY(344deg);
}
.line:nth-child(40) .spark {
  width: 396px;
  height: 316px;
  -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 1073ms -381ms linear infinite;
          animation: fire 1073ms -381ms linear infinite;
}
@-webkit-keyframes spark40 {
  0% {
    -webkit-transform: translateY(611px);
            transform: translateY(611px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(296deg) translateX(201px);
            transform: rotateZ(296deg) translateX(201px);
  }
}
@keyframes spark40 {
  0% {
    -webkit-transform: translateY(611px);
            transform: translateY(611px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(296deg) translateX(201px);
            transform: rotateZ(296deg) translateX(201px);
  }
}
.line:nth-child(41) {
  -webkit-transform: rotateY(87deg);
          transform: rotateY(87deg);
}
.line:nth-child(41) .spark {
  width: 208px;
  height: 340px;
  -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 1591ms -522ms linear infinite;
          animation: fire 1591ms -522ms linear infinite;
}
@-webkit-keyframes spark41 {
  0% {
    -webkit-transform: translateY(603px);
            transform: translateY(603px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(227deg) translateX(128px);
            transform: rotateZ(227deg) translateX(128px);
  }
}
@keyframes spark41 {
  0% {
    -webkit-transform: translateY(603px);
            transform: translateY(603px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(227deg) translateX(128px);
            transform: rotateZ(227deg) translateX(128px);
  }
}
.line:nth-child(42) {
  -webkit-transform: rotateY(313deg);
          transform: rotateY(313deg);
}
.line:nth-child(42) .spark {
  width: 354px;
  height: 379px;
  -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 1624ms -617ms linear infinite;
          animation: fire 1624ms -617ms linear infinite;
}
@-webkit-keyframes spark42 {
  0% {
    -webkit-transform: translateY(574px);
            transform: translateY(574px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(319deg) translateX(104px);
            transform: rotateZ(319deg) translateX(104px);
  }
}
@keyframes spark42 {
  0% {
    -webkit-transform: translateY(574px);
            transform: translateY(574px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(319deg) translateX(104px);
            transform: rotateZ(319deg) translateX(104px);
  }
}
.line:nth-child(43) {
  -webkit-transform: rotateY(272deg);
          transform: rotateY(272deg);
}
.line:nth-child(43) .spark {
  width: 220px;
  height: 264px;
  -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 1739ms -288ms linear infinite;
          animation: fire 1739ms -288ms linear infinite;
}
@-webkit-keyframes spark43 {
  0% {
    -webkit-transform: translateY(558px);
            transform: translateY(558px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(143deg) translateX(249px);
            transform: rotateZ(143deg) translateX(249px);
  }
}
@keyframes spark43 {
  0% {
    -webkit-transform: translateY(558px);
            transform: translateY(558px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(143deg) translateX(249px);
            transform: rotateZ(143deg) translateX(249px);
  }
}
.line:nth-child(44) {
  -webkit-transform: rotateY(153deg);
          transform: rotateY(153deg);
}
.line:nth-child(44) .spark {
  width: 338px;
  height: 224px;
  -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 1344ms -75ms linear infinite;
          animation: fire 1344ms -75ms linear infinite;
}
@-webkit-keyframes spark44 {
  0% {
    -webkit-transform: translateY(630px);
            transform: translateY(630px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(39deg) translateX(138px);
            transform: rotateZ(39deg) translateX(138px);
  }
}
@keyframes spark44 {
  0% {
    -webkit-transform: translateY(630px);
            transform: translateY(630px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(39deg) translateX(138px);
            transform: rotateZ(39deg) translateX(138px);
  }
}
.line:nth-child(45) {
  -webkit-transform: rotateY(293deg);
          transform: rotateY(293deg);
}
.line:nth-child(45) .spark {
  width: 297px;
  height: 207px;
  -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 1291ms -40ms linear infinite;
          animation: fire 1291ms -40ms linear infinite;
}
@-webkit-keyframes spark45 {
  0% {
    -webkit-transform: translateY(571px);
            transform: translateY(571px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(345deg) translateX(103px);
            transform: rotateZ(345deg) translateX(103px);
  }
}
@keyframes spark45 {
  0% {
    -webkit-transform: translateY(571px);
            transform: translateY(571px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(345deg) translateX(103px);
            transform: rotateZ(345deg) translateX(103px);
  }
}
.line:nth-child(46) {
  -webkit-transform: rotateY(204deg);
          transform: rotateY(204deg);
}
.line:nth-child(46) .spark {
  width: 218px;
  height: 216px;
  -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 1450ms -603ms linear infinite;
          animation: fire 1450ms -603ms linear infinite;
}
@-webkit-keyframes spark46 {
  0% {
    -webkit-transform: translateY(534px);
            transform: translateY(534px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(77deg) translateX(140px);
            transform: rotateZ(77deg) translateX(140px);
  }
}
@keyframes spark46 {
  0% {
    -webkit-transform: translateY(534px);
            transform: translateY(534px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(77deg) translateX(140px);
            transform: rotateZ(77deg) translateX(140px);
  }
}
.line:nth-child(47) {
  -webkit-transform: rotateY(138deg);
          transform: rotateY(138deg);
}
.line:nth-child(47) .spark {
  width: 329px;
  height: 219px;
  -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 1171ms -231ms linear infinite;
          animation: fire 1171ms -231ms linear infinite;
}
@-webkit-keyframes spark47 {
  0% {
    -webkit-transform: translateY(583px);
            transform: translateY(583px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(132deg) translateX(175px);
            transform: rotateZ(132deg) translateX(175px);
  }
}
@keyframes spark47 {
  0% {
    -webkit-transform: translateY(583px);
            transform: translateY(583px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(132deg) translateX(175px);
            transform: rotateZ(132deg) translateX(175px);
  }
}
.line:nth-child(48) {
  -webkit-transform: rotateY(253deg);
          transform: rotateY(253deg);
}
.line:nth-child(48) .spark {
  width: 304px;
  height: 273px;
  -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 1577ms -585ms linear infinite;
          animation: fire 1577ms -585ms linear infinite;
}
@-webkit-keyframes spark48 {
  0% {
    -webkit-transform: translateY(548px);
            transform: translateY(548px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(57deg) translateX(287px);
            transform: rotateZ(57deg) translateX(287px);
  }
}
@keyframes spark48 {
  0% {
    -webkit-transform: translateY(548px);
            transform: translateY(548px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(57deg) translateX(287px);
            transform: rotateZ(57deg) translateX(287px);
  }
}
.line:nth-child(49) {
  -webkit-transform: rotateY(85deg);
          transform: rotateY(85deg);
}
.line:nth-child(49) .spark {
  width: 223px;
  height: 208px;
  -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 1761ms -828ms linear infinite;
          animation: fire 1761ms -828ms linear infinite;
}
@-webkit-keyframes spark49 {
  0% {
    -webkit-transform: translateY(521px);
            transform: translateY(521px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(153deg) translateX(192px);
            transform: rotateZ(153deg) translateX(192px);
  }
}
@keyframes spark49 {
  0% {
    -webkit-transform: translateY(521px);
            transform: translateY(521px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(153deg) translateX(192px);
            transform: rotateZ(153deg) translateX(192px);
  }
}
.line:nth-child(50) {
  -webkit-transform: rotateY(158deg);
          transform: rotateY(158deg);
}
.line:nth-child(50) .spark {
  width: 258px;
  height: 270px;
  -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 1566ms -165ms linear infinite;
          animation: fire 1566ms -165ms linear infinite;
}
@-webkit-keyframes spark50 {
  0% {
    -webkit-transform: translateY(591px);
            transform: translateY(591px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(156deg) translateX(159px);
            transform: rotateZ(156deg) translateX(159px);
  }
}
@keyframes spark50 {
  0% {
    -webkit-transform: translateY(591px);
            transform: translateY(591px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(156deg) translateX(159px);
            transform: rotateZ(156deg) translateX(159px);
  }
}
.line:nth-child(51) {
  -webkit-transform: rotateY(202deg);
          transform: rotateY(202deg);
}
.line:nth-child(51) .spark {
  width: 299px;
  height: 275px;
  -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 1750ms -470ms linear infinite;
          animation: fire 1750ms -470ms linear infinite;
}
@-webkit-keyframes spark51 {
  0% {
    -webkit-transform: translateY(642px);
            transform: translateY(642px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(185deg) translateX(290px);
            transform: rotateZ(185deg) translateX(290px);
  }
}
@keyframes spark51 {
  0% {
    -webkit-transform: translateY(642px);
            transform: translateY(642px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(185deg) translateX(290px);
            transform: rotateZ(185deg) translateX(290px);
  }
}
.line:nth-child(52) {
  -webkit-transform: rotateY(308deg);
          transform: rotateY(308deg);
}
.line:nth-child(52) .spark {
  width: 317px;
  height: 379px;
  -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 1504ms -635ms linear infinite;
          animation: fire 1504ms -635ms linear infinite;
}
@-webkit-keyframes spark52 {
  0% {
    -webkit-transform: translateY(546px);
            transform: translateY(546px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(258deg) translateX(219px);
            transform: rotateZ(258deg) translateX(219px);
  }
}
@keyframes spark52 {
  0% {
    -webkit-transform: translateY(546px);
            transform: translateY(546px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(258deg) translateX(219px);
            transform: rotateZ(258deg) translateX(219px);
  }
}
.line:nth-child(53) {
  -webkit-transform: rotateY(310deg);
          transform: rotateY(310deg);
}
.line:nth-child(53) .spark {
  width: 217px;
  height: 386px;
  -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 1599ms -917ms linear infinite;
          animation: fire 1599ms -917ms linear infinite;
}
@-webkit-keyframes spark53 {
  0% {
    -webkit-transform: translateY(649px);
            transform: translateY(649px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(204deg) translateX(298px);
            transform: rotateZ(204deg) translateX(298px);
  }
}
@keyframes spark53 {
  0% {
    -webkit-transform: translateY(649px);
            transform: translateY(649px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(204deg) translateX(298px);
            transform: rotateZ(204deg) translateX(298px);
  }
}
.line:nth-child(54) {
  -webkit-transform: rotateY(58deg);
          transform: rotateY(58deg);
}
.line:nth-child(54) .spark {
  width: 374px;
  height: 354px;
  -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 1121ms -681ms linear infinite;
          animation: fire 1121ms -681ms linear infinite;
}
@-webkit-keyframes spark54 {
  0% {
    -webkit-transform: translateY(555px);
            transform: translateY(555px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(154deg) translateX(283px);
            transform: rotateZ(154deg) translateX(283px);
  }
}
@keyframes spark54 {
  0% {
    -webkit-transform: translateY(555px);
            transform: translateY(555px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(154deg) translateX(283px);
            transform: rotateZ(154deg) translateX(283px);
  }
}
.line:nth-child(55) {
  -webkit-transform: rotateY(245deg);
          transform: rotateY(245deg);
}
.line:nth-child(55) .spark {
  width: 364px;
  height: 364px;
  -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 1195ms -670ms linear infinite;
          animation: fire 1195ms -670ms linear infinite;
}
@-webkit-keyframes spark55 {
  0% {
    -webkit-transform: translateY(648px);
            transform: translateY(648px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(142deg) translateX(131px);
            transform: rotateZ(142deg) translateX(131px);
  }
}
@keyframes spark55 {
  0% {
    -webkit-transform: translateY(648px);
            transform: translateY(648px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(142deg) translateX(131px);
            transform: rotateZ(142deg) translateX(131px);
  }
}
.line:nth-child(56) {
  -webkit-transform: rotateY(317deg);
          transform: rotateY(317deg);
}
.line:nth-child(56) .spark {
  width: 347px;
  height: 365px;
  -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 1401ms -19ms linear infinite;
          animation: fire 1401ms -19ms linear infinite;
}
@-webkit-keyframes spark56 {
  0% {
    -webkit-transform: translateY(648px);
            transform: translateY(648px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(83deg) translateX(113px);
            transform: rotateZ(83deg) translateX(113px);
  }
}
@keyframes spark56 {
  0% {
    -webkit-transform: translateY(648px);
            transform: translateY(648px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(83deg) translateX(113px);
            transform: rotateZ(83deg) translateX(113px);
  }
}
.line:nth-child(57) {
  -webkit-transform: rotateY(269deg);
          transform: rotateY(269deg);
}
.line:nth-child(57) .spark {
  width: 238px;
  height: 319px;
  -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 1888ms -52ms linear infinite;
          animation: fire 1888ms -52ms linear infinite;
}
@-webkit-keyframes spark57 {
  0% {
    -webkit-transform: translateY(606px);
            transform: translateY(606px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(144deg) translateX(273px);
            transform: rotateZ(144deg) translateX(273px);
  }
}
@keyframes spark57 {
  0% {
    -webkit-transform: translateY(606px);
            transform: translateY(606px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(144deg) translateX(273px);
            transform: rotateZ(144deg) translateX(273px);
  }
}
.line:nth-child(58) {
  -webkit-transform: rotateY(192deg);
          transform: rotateY(192deg);
}
.line:nth-child(58) .spark {
  width: 285px;
  height: 361px;
  -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 1674ms -570ms linear infinite;
          animation: fire 1674ms -570ms linear infinite;
}
@-webkit-keyframes spark58 {
  0% {
    -webkit-transform: translateY(529px);
            transform: translateY(529px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(43deg) translateX(232px);
            transform: rotateZ(43deg) translateX(232px);
  }
}
@keyframes spark58 {
  0% {
    -webkit-transform: translateY(529px);
            transform: translateY(529px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(43deg) translateX(232px);
            transform: rotateZ(43deg) translateX(232px);
  }
}
.line:nth-child(59) {
  -webkit-transform: rotateY(217deg);
          transform: rotateY(217deg);
}
.line:nth-child(59) .spark {
  width: 299px;
  height: 249px;
  -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 1837ms -741ms linear infinite;
          animation: fire 1837ms -741ms linear infinite;
}
@-webkit-keyframes spark59 {
  0% {
    -webkit-transform: translateY(614px);
            transform: translateY(614px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(328deg) translateX(154px);
            transform: rotateZ(328deg) translateX(154px);
  }
}
@keyframes spark59 {
  0% {
    -webkit-transform: translateY(614px);
            transform: translateY(614px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(328deg) translateX(154px);
            transform: rotateZ(328deg) translateX(154px);
  }
}
.line:nth-child(60) {
  -webkit-transform: rotateY(58deg);
          transform: rotateY(58deg);
}
.line:nth-child(60) .spark {
  width: 281px;
  height: 234px;
  -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 1658ms -894ms linear infinite;
          animation: fire 1658ms -894ms linear infinite;
}
@-webkit-keyframes spark60 {
  0% {
    -webkit-transform: translateY(583px);
            transform: translateY(583px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(36deg) translateX(284px);
            transform: rotateZ(36deg) translateX(284px);
  }
}
@keyframes spark60 {
  0% {
    -webkit-transform: translateY(583px);
            transform: translateY(583px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(36deg) translateX(284px);
            transform: rotateZ(36deg) translateX(284px);
  }
}
.line:nth-child(61) {
  -webkit-transform: rotateY(255deg);
          transform: rotateY(255deg);
}
.line:nth-child(61) .spark {
  width: 385px;
  height: 302px;
  -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 1190ms -309ms linear infinite;
          animation: fire 1190ms -309ms linear infinite;
}
@-webkit-keyframes spark61 {
  0% {
    -webkit-transform: translateY(628px);
            transform: translateY(628px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(66deg) translateX(210px);
            transform: rotateZ(66deg) translateX(210px);
  }
}
@keyframes spark61 {
  0% {
    -webkit-transform: translateY(628px);
            transform: translateY(628px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(66deg) translateX(210px);
            transform: rotateZ(66deg) translateX(210px);
  }
}
.line:nth-child(62) {
  -webkit-transform: rotateY(327deg);
          transform: rotateY(327deg);
}
.line:nth-child(62) .spark {
  width: 277px;
  height: 274px;
  -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 1683ms -353ms linear infinite;
          animation: fire 1683ms -353ms linear infinite;
}
@-webkit-keyframes spark62 {
  0% {
    -webkit-transform: translateY(537px);
            transform: translateY(537px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(223deg) translateX(135px);
            transform: rotateZ(223deg) translateX(135px);
  }
}
@keyframes spark62 {
  0% {
    -webkit-transform: translateY(537px);
            transform: translateY(537px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(223deg) translateX(135px);
            transform: rotateZ(223deg) translateX(135px);
  }
}
.line:nth-child(63) {
  -webkit-transform: rotateY(339deg);
          transform: rotateY(339deg);
}
.line:nth-child(63) .spark {
  width: 352px;
  height: 244px;
  -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 1628ms -75ms linear infinite;
          animation: fire 1628ms -75ms linear infinite;
}
@-webkit-keyframes spark63 {
  0% {
    -webkit-transform: translateY(559px);
            transform: translateY(559px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(138deg) translateX(163px);
            transform: rotateZ(138deg) translateX(163px);
  }
}
@keyframes spark63 {
  0% {
    -webkit-transform: translateY(559px);
            transform: translateY(559px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(138deg) translateX(163px);
            transform: rotateZ(138deg) translateX(163px);
  }
}
.line:nth-child(64) {
  -webkit-transform: rotateY(249deg);
          transform: rotateY(249deg);
}
.line:nth-child(64) .spark {
  width: 300px;
  height: 244px;
  -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 1154ms -550ms linear infinite;
          animation: fire 1154ms -550ms linear infinite;
}
@-webkit-keyframes spark64 {
  0% {
    -webkit-transform: translateY(571px);
            transform: translateY(571px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(49deg) translateX(131px);
            transform: rotateZ(49deg) translateX(131px);
  }
}
@keyframes spark64 {
  0% {
    -webkit-transform: translateY(571px);
            transform: translateY(571px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(49deg) translateX(131px);
            transform: rotateZ(49deg) translateX(131px);
  }
}
.line:nth-child(65) {
  -webkit-transform: rotateY(123deg);
          transform: rotateY(123deg);
}
.line:nth-child(65) .spark {
  width: 257px;
  height: 267px;
  -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 1044ms -457ms linear infinite;
          animation: fire 1044ms -457ms linear infinite;
}
@-webkit-keyframes spark65 {
  0% {
    -webkit-transform: translateY(562px);
            transform: translateY(562px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(140deg) translateX(209px);
            transform: rotateZ(140deg) translateX(209px);
  }
}
@keyframes spark65 {
  0% {
    -webkit-transform: translateY(562px);
            transform: translateY(562px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(140deg) translateX(209px);
            transform: rotateZ(140deg) translateX(209px);
  }
}
.line:nth-child(66) {
  -webkit-transform: rotateY(81deg);
          transform: rotateY(81deg);
}
.line:nth-child(66) .spark {
  width: 251px;
  height: 234px;
  -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 1220ms -207ms linear infinite;
          animation: fire 1220ms -207ms linear infinite;
}
@-webkit-keyframes spark66 {
  0% {
    -webkit-transform: translateY(584px);
            transform: translateY(584px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(50deg) translateX(190px);
            transform: rotateZ(50deg) translateX(190px);
  }
}
@keyframes spark66 {
  0% {
    -webkit-transform: translateY(584px);
            transform: translateY(584px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(50deg) translateX(190px);
            transform: rotateZ(50deg) translateX(190px);
  }
}
.line:nth-child(67) {
  -webkit-transform: rotateY(183deg);
          transform: rotateY(183deg);
}
.line:nth-child(67) .spark {
  width: 384px;
  height: 207px;
  -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 1880ms -432ms linear infinite;
          animation: fire 1880ms -432ms linear infinite;
}
@-webkit-keyframes spark67 {
  0% {
    -webkit-transform: translateY(531px);
            transform: translateY(531px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(219deg) translateX(259px);
            transform: rotateZ(219deg) translateX(259px);
  }
}
@keyframes spark67 {
  0% {
    -webkit-transform: translateY(531px);
            transform: translateY(531px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(219deg) translateX(259px);
            transform: rotateZ(219deg) translateX(259px);
  }
}
.line:nth-child(68) {
  -webkit-transform: rotateY(221deg);
          transform: rotateY(221deg);
}
.line:nth-child(68) .spark {
  width: 307px;
  height: 314px;
  -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 1305ms -722ms linear infinite;
          animation: fire 1305ms -722ms linear infinite;
}
@-webkit-keyframes spark68 {
  0% {
    -webkit-transform: translateY(644px);
            transform: translateY(644px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(132deg) translateX(176px);
            transform: rotateZ(132deg) translateX(176px);
  }
}
@keyframes spark68 {
  0% {
    -webkit-transform: translateY(644px);
            transform: translateY(644px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(132deg) translateX(176px);
            transform: rotateZ(132deg) translateX(176px);
  }
}
.line:nth-child(69) {
  -webkit-transform: rotateY(174deg);
          transform: rotateY(174deg);
}
.line:nth-child(69) .spark {
  width: 384px;
  height: 392px;
  -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 1153ms -719ms linear infinite;
          animation: fire 1153ms -719ms linear infinite;
}
@-webkit-keyframes spark69 {
  0% {
    -webkit-transform: translateY(650px);
            transform: translateY(650px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(159deg) translateX(119px);
            transform: rotateZ(159deg) translateX(119px);
  }
}
@keyframes spark69 {
  0% {
    -webkit-transform: translateY(650px);
            transform: translateY(650px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(159deg) translateX(119px);
            transform: rotateZ(159deg) translateX(119px);
  }
}
.line:nth-child(70) {
  -webkit-transform: rotateY(278deg);
          transform: rotateY(278deg);
}
.line:nth-child(70) .spark {
  width: 398px;
  height: 300px;
  -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 1811ms -460ms linear infinite;
          animation: fire 1811ms -460ms linear infinite;
}
@-webkit-keyframes spark70 {
  0% {
    -webkit-transform: translateY(637px);
            transform: translateY(637px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(154deg) translateX(253px);
            transform: rotateZ(154deg) translateX(253px);
  }
}
@keyframes spark70 {
  0% {
    -webkit-transform: translateY(637px);
            transform: translateY(637px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(154deg) translateX(253px);
            transform: rotateZ(154deg) translateX(253px);
  }
}
.line:nth-child(71) {
  -webkit-transform: rotateY(16deg);
          transform: rotateY(16deg);
}
.line:nth-child(71) .spark {
  width: 359px;
  height: 371px;
  -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 1908ms -889ms linear infinite;
          animation: fire 1908ms -889ms linear infinite;
}
@-webkit-keyframes spark71 {
  0% {
    -webkit-transform: translateY(513px);
            transform: translateY(513px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(198deg) translateX(287px);
            transform: rotateZ(198deg) translateX(287px);
  }
}
@keyframes spark71 {
  0% {
    -webkit-transform: translateY(513px);
            transform: translateY(513px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(198deg) translateX(287px);
            transform: rotateZ(198deg) translateX(287px);
  }
}
.line:nth-child(72) {
  -webkit-transform: rotateY(220deg);
          transform: rotateY(220deg);
}
.line:nth-child(72) .spark {
  width: 267px;
  height: 362px;
  -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 1810ms -55ms linear infinite;
          animation: fire 1810ms -55ms linear infinite;
}
@-webkit-keyframes spark72 {
  0% {
    -webkit-transform: translateY(586px);
            transform: translateY(586px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(208deg) translateX(110px);
            transform: rotateZ(208deg) translateX(110px);
  }
}
@keyframes spark72 {
  0% {
    -webkit-transform: translateY(586px);
            transform: translateY(586px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(208deg) translateX(110px);
            transform: rotateZ(208deg) translateX(110px);
  }
}
.line:nth-child(73) {
  -webkit-transform: rotateY(328deg);
          transform: rotateY(328deg);
}
.line:nth-child(73) .spark {
  width: 305px;
  height: 365px;
  -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 1424ms -686ms linear infinite;
          animation: fire 1424ms -686ms linear infinite;
}
@-webkit-keyframes spark73 {
  0% {
    -webkit-transform: translateY(650px);
            transform: translateY(650px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(288deg) translateX(175px);
            transform: rotateZ(288deg) translateX(175px);
  }
}
@keyframes spark73 {
  0% {
    -webkit-transform: translateY(650px);
            transform: translateY(650px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(288deg) translateX(175px);
            transform: rotateZ(288deg) translateX(175px);
  }
}
.line:nth-child(74) {
  -webkit-transform: rotateY(12deg);
          transform: rotateY(12deg);
}
.line:nth-child(74) .spark {
  width: 201px;
  height: 275px;
  -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 1715ms -795ms linear infinite;
          animation: fire 1715ms -795ms linear infinite;
}
@-webkit-keyframes spark74 {
  0% {
    -webkit-transform: translateY(542px);
            transform: translateY(542px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(286deg) translateX(193px);
            transform: rotateZ(286deg) translateX(193px);
  }
}
@keyframes spark74 {
  0% {
    -webkit-transform: translateY(542px);
            transform: translateY(542px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(286deg) translateX(193px);
            transform: rotateZ(286deg) translateX(193px);
  }
}
.line:nth-child(75) {
  -webkit-transform: rotateY(293deg);
          transform: rotateY(293deg);
}
.line:nth-child(75) .spark {
  width: 400px;
  height: 243px;
  -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 1329ms -382ms linear infinite;
          animation: fire 1329ms -382ms linear infinite;
}
@-webkit-keyframes spark75 {
  0% {
    -webkit-transform: translateY(548px);
            transform: translateY(548px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(45deg) translateX(288px);
            transform: rotateZ(45deg) translateX(288px);
  }
}
@keyframes spark75 {
  0% {
    -webkit-transform: translateY(548px);
            transform: translateY(548px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(45deg) translateX(288px);
            transform: rotateZ(45deg) translateX(288px);
  }
}
.line:nth-child(76) {
  -webkit-transform: rotateY(293deg);
          transform: rotateY(293deg);
}
.line:nth-child(76) .spark {
  width: 377px;
  height: 241px;
  -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 1554ms -913ms linear infinite;
          animation: fire 1554ms -913ms linear infinite;
}
@-webkit-keyframes spark76 {
  0% {
    -webkit-transform: translateY(635px);
            transform: translateY(635px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(242deg) translateX(128px);
            transform: rotateZ(242deg) translateX(128px);
  }
}
@keyframes spark76 {
  0% {
    -webkit-transform: translateY(635px);
            transform: translateY(635px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(242deg) translateX(128px);
            transform: rotateZ(242deg) translateX(128px);
  }
}
.line:nth-child(77) {
  -webkit-transform: rotateY(256deg);
          transform: rotateY(256deg);
}
.line:nth-child(77) .spark {
  width: 205px;
  height: 275px;
  -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 1707ms -180ms linear infinite;
          animation: fire 1707ms -180ms linear infinite;
}
@-webkit-keyframes spark77 {
  0% {
    -webkit-transform: translateY(516px);
            transform: translateY(516px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(209deg) translateX(289px);
            transform: rotateZ(209deg) translateX(289px);
  }
}
@keyframes spark77 {
  0% {
    -webkit-transform: translateY(516px);
            transform: translateY(516px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(209deg) translateX(289px);
            transform: rotateZ(209deg) translateX(289px);
  }
}
.line:nth-child(78) {
  -webkit-transform: rotateY(72deg);
          transform: rotateY(72deg);
}
.line:nth-child(78) .spark {
  width: 304px;
  height: 228px;
  -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 1437ms -362ms linear infinite;
          animation: fire 1437ms -362ms linear infinite;
}
@-webkit-keyframes spark78 {
  0% {
    -webkit-transform: translateY(644px);
            transform: translateY(644px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(80deg) translateX(118px);
            transform: rotateZ(80deg) translateX(118px);
  }
}
@keyframes spark78 {
  0% {
    -webkit-transform: translateY(644px);
            transform: translateY(644px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(80deg) translateX(118px);
            transform: rotateZ(80deg) translateX(118px);
  }
}
.line:nth-child(79) {
  -webkit-transform: rotateY(1deg);
          transform: rotateY(1deg);
}
.line:nth-child(79) .spark {
  width: 295px;
  height: 226px;
  -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 1128ms -841ms linear infinite;
          animation: fire 1128ms -841ms linear infinite;
}
@-webkit-keyframes spark79 {
  0% {
    -webkit-transform: translateY(613px);
            transform: translateY(613px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(171deg) translateX(294px);
            transform: rotateZ(171deg) translateX(294px);
  }
}
@keyframes spark79 {
  0% {
    -webkit-transform: translateY(613px);
            transform: translateY(613px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(171deg) translateX(294px);
            transform: rotateZ(171deg) translateX(294px);
  }
}
.line:nth-child(80) {
  -webkit-transform: rotateY(210deg);
          transform: rotateY(210deg);
}
.line:nth-child(80) .spark {
  width: 324px;
  height: 226px;
  -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 1416ms -203ms linear infinite;
          animation: fire 1416ms -203ms linear infinite;
}
@-webkit-keyframes spark80 {
  0% {
    -webkit-transform: translateY(639px);
            transform: translateY(639px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(259deg) translateX(140px);
            transform: rotateZ(259deg) translateX(140px);
  }
}
@keyframes spark80 {
  0% {
    -webkit-transform: translateY(639px);
            transform: translateY(639px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(259deg) translateX(140px);
            transform: rotateZ(259deg) translateX(140px);
  }
}
.line:nth-child(81) {
  -webkit-transform: rotateY(274deg);
          transform: rotateY(274deg);
}
.line:nth-child(81) .spark {
  width: 294px;
  height: 306px;
  -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 1420ms -274ms linear infinite;
          animation: fire 1420ms -274ms linear infinite;
}
@-webkit-keyframes spark81 {
  0% {
    -webkit-transform: translateY(554px);
            transform: translateY(554px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(354deg) translateX(173px);
            transform: rotateZ(354deg) translateX(173px);
  }
}
@keyframes spark81 {
  0% {
    -webkit-transform: translateY(554px);
            transform: translateY(554px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(354deg) translateX(173px);
            transform: rotateZ(354deg) translateX(173px);
  }
}
.line:nth-child(82) {
  -webkit-transform: rotateY(5deg);
          transform: rotateY(5deg);
}
.line:nth-child(82) .spark {
  width: 343px;
  height: 399px;
  -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 1604ms -356ms linear infinite;
          animation: fire 1604ms -356ms linear infinite;
}
@-webkit-keyframes spark82 {
  0% {
    -webkit-transform: translateY(501px);
            transform: translateY(501px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(281deg) translateX(142px);
            transform: rotateZ(281deg) translateX(142px);
  }
}
@keyframes spark82 {
  0% {
    -webkit-transform: translateY(501px);
            transform: translateY(501px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(281deg) translateX(142px);
            transform: rotateZ(281deg) translateX(142px);
  }
}
.line:nth-child(83) {
  -webkit-transform: rotateY(26deg);
          transform: rotateY(26deg);
}
.line:nth-child(83) .spark {
  width: 221px;
  height: 271px;
  -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 1041ms -209ms linear infinite;
          animation: fire 1041ms -209ms linear infinite;
}
@-webkit-keyframes spark83 {
  0% {
    -webkit-transform: translateY(625px);
            transform: translateY(625px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(155deg) translateX(216px);
            transform: rotateZ(155deg) translateX(216px);
  }
}
@keyframes spark83 {
  0% {
    -webkit-transform: translateY(625px);
            transform: translateY(625px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(155deg) translateX(216px);
            transform: rotateZ(155deg) translateX(216px);
  }
}
.line:nth-child(84) {
  -webkit-transform: rotateY(83deg);
          transform: rotateY(83deg);
}
.line:nth-child(84) .spark {
  width: 226px;
  height: 336px;
  -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 1135ms -595ms linear infinite;
          animation: fire 1135ms -595ms linear infinite;
}
@-webkit-keyframes spark84 {
  0% {
    -webkit-transform: translateY(617px);
            transform: translateY(617px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(249deg) translateX(240px);
            transform: rotateZ(249deg) translateX(240px);
  }
}
@keyframes spark84 {
  0% {
    -webkit-transform: translateY(617px);
            transform: translateY(617px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(249deg) translateX(240px);
            transform: rotateZ(249deg) translateX(240px);
  }
}
.line:nth-child(85) {
  -webkit-transform: rotateY(75deg);
          transform: rotateY(75deg);
}
.line:nth-child(85) .spark {
  width: 348px;
  height: 220px;
  -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 1412ms -625ms linear infinite;
          animation: fire 1412ms -625ms linear infinite;
}
@-webkit-keyframes spark85 {
  0% {
    -webkit-transform: translateY(599px);
            transform: translateY(599px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(221deg) translateX(136px);
            transform: rotateZ(221deg) translateX(136px);
  }
}
@keyframes spark85 {
  0% {
    -webkit-transform: translateY(599px);
            transform: translateY(599px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(221deg) translateX(136px);
            transform: rotateZ(221deg) translateX(136px);
  }
}
.line:nth-child(86) {
  -webkit-transform: rotateY(328deg);
          transform: rotateY(328deg);
}
.line:nth-child(86) .spark {
  width: 212px;
  height: 379px;
  -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 1949ms -634ms linear infinite;
          animation: fire 1949ms -634ms linear infinite;
}
@-webkit-keyframes spark86 {
  0% {
    -webkit-transform: translateY(506px);
            transform: translateY(506px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(255deg) translateX(277px);
            transform: rotateZ(255deg) translateX(277px);
  }
}
@keyframes spark86 {
  0% {
    -webkit-transform: translateY(506px);
            transform: translateY(506px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(255deg) translateX(277px);
            transform: rotateZ(255deg) translateX(277px);
  }
}
.line:nth-child(87) {
  -webkit-transform: rotateY(329deg);
          transform: rotateY(329deg);
}
.line:nth-child(87) .spark {
  width: 354px;
  height: 395px;
  -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 1700ms -640ms linear infinite;
          animation: fire 1700ms -640ms linear infinite;
}
@-webkit-keyframes spark87 {
  0% {
    -webkit-transform: translateY(581px);
            transform: translateY(581px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(35deg) translateX(218px);
            transform: rotateZ(35deg) translateX(218px);
  }
}
@keyframes spark87 {
  0% {
    -webkit-transform: translateY(581px);
            transform: translateY(581px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(35deg) translateX(218px);
            transform: rotateZ(35deg) translateX(218px);
  }
}
.line:nth-child(88) {
  -webkit-transform: rotateY(134deg);
          transform: rotateY(134deg);
}
.line:nth-child(88) .spark {
  width: 252px;
  height: 300px;
  -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 1909ms -946ms linear infinite;
          animation: fire 1909ms -946ms linear infinite;
}
@-webkit-keyframes spark88 {
  0% {
    -webkit-transform: translateY(615px);
            transform: translateY(615px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(90deg) translateX(226px);
            transform: rotateZ(90deg) translateX(226px);
  }
}
@keyframes spark88 {
  0% {
    -webkit-transform: translateY(615px);
            transform: translateY(615px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(90deg) translateX(226px);
            transform: rotateZ(90deg) translateX(226px);
  }
}
.line:nth-child(89) {
  -webkit-transform: rotateY(217deg);
          transform: rotateY(217deg);
}
.line:nth-child(89) .spark {
  width: 215px;
  height: 227px;
  -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 1185ms -537ms linear infinite;
          animation: fire 1185ms -537ms linear infinite;
}
@-webkit-keyframes spark89 {
  0% {
    -webkit-transform: translateY(650px);
            transform: translateY(650px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(103deg) translateX(155px);
            transform: rotateZ(103deg) translateX(155px);
  }
}
@keyframes spark89 {
  0% {
    -webkit-transform: translateY(650px);
            transform: translateY(650px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(103deg) translateX(155px);
            transform: rotateZ(103deg) translateX(155px);
  }
}
.line:nth-child(90) {
  -webkit-transform: rotateY(338deg);
          transform: rotateY(338deg);
}
.line:nth-child(90) .spark {
  width: 249px;
  height: 204px;
  -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 1214ms -477ms linear infinite;
          animation: fire 1214ms -477ms linear infinite;
}
@-webkit-keyframes spark90 {
  0% {
    -webkit-transform: translateY(573px);
            transform: translateY(573px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(132deg) translateX(221px);
            transform: rotateZ(132deg) translateX(221px);
  }
}
@keyframes spark90 {
  0% {
    -webkit-transform: translateY(573px);
            transform: translateY(573px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(132deg) translateX(221px);
            transform: rotateZ(132deg) translateX(221px);
  }
}
.line:nth-child(91) {
  -webkit-transform: rotateY(272deg);
          transform: rotateY(272deg);
}
.line:nth-child(91) .spark {
  width: 330px;
  height: 228px;
  -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 1798ms -841ms linear infinite;
          animation: fire 1798ms -841ms linear infinite;
}
@-webkit-keyframes spark91 {
  0% {
    -webkit-transform: translateY(521px);
            transform: translateY(521px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(284deg) translateX(214px);
            transform: rotateZ(284deg) translateX(214px);
  }
}
@keyframes spark91 {
  0% {
    -webkit-transform: translateY(521px);
            transform: translateY(521px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(284deg) translateX(214px);
            transform: rotateZ(284deg) translateX(214px);
  }
}
.line:nth-child(92) {
  -webkit-transform: rotateY(281deg);
          transform: rotateY(281deg);
}
.line:nth-child(92) .spark {
  width: 253px;
  height: 235px;
  -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 1960ms -734ms linear infinite;
          animation: fire 1960ms -734ms linear infinite;
}
@-webkit-keyframes spark92 {
  0% {
    -webkit-transform: translateY(593px);
            transform: translateY(593px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(357deg) translateX(134px);
            transform: rotateZ(357deg) translateX(134px);
  }
}
@keyframes spark92 {
  0% {
    -webkit-transform: translateY(593px);
            transform: translateY(593px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(357deg) translateX(134px);
            transform: rotateZ(357deg) translateX(134px);
  }
}
.line:nth-child(93) {
  -webkit-transform: rotateY(306deg);
          transform: rotateY(306deg);
}
.line:nth-child(93) .spark {
  width: 399px;
  height: 252px;
  -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 1295ms -384ms linear infinite;
          animation: fire 1295ms -384ms linear infinite;
}
@-webkit-keyframes spark93 {
  0% {
    -webkit-transform: translateY(565px);
            transform: translateY(565px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(124deg) translateX(155px);
            transform: rotateZ(124deg) translateX(155px);
  }
}
@keyframes spark93 {
  0% {
    -webkit-transform: translateY(565px);
            transform: translateY(565px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(124deg) translateX(155px);
            transform: rotateZ(124deg) translateX(155px);
  }
}
.line:nth-child(94) {
  -webkit-transform: rotateY(85deg);
          transform: rotateY(85deg);
}
.line:nth-child(94) .spark {
  width: 207px;
  height: 224px;
  -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 1448ms -380ms linear infinite;
          animation: fire 1448ms -380ms linear infinite;
}
@-webkit-keyframes spark94 {
  0% {
    -webkit-transform: translateY(540px);
            transform: translateY(540px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(292deg) translateX(225px);
            transform: rotateZ(292deg) translateX(225px);
  }
}
@keyframes spark94 {
  0% {
    -webkit-transform: translateY(540px);
            transform: translateY(540px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(292deg) translateX(225px);
            transform: rotateZ(292deg) translateX(225px);
  }
}
.line:nth-child(95) {
  -webkit-transform: rotateY(231deg);
          transform: rotateY(231deg);
}
.line:nth-child(95) .spark {
  width: 259px;
  height: 270px;
  -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 1455ms -451ms linear infinite;
          animation: fire 1455ms -451ms linear infinite;
}
@-webkit-keyframes spark95 {
  0% {
    -webkit-transform: translateY(538px);
            transform: translateY(538px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(244deg) translateX(292px);
            transform: rotateZ(244deg) translateX(292px);
  }
}
@keyframes spark95 {
  0% {
    -webkit-transform: translateY(538px);
            transform: translateY(538px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(244deg) translateX(292px);
            transform: rotateZ(244deg) translateX(292px);
  }
}
.line:nth-child(96) {
  -webkit-transform: rotateY(71deg);
          transform: rotateY(71deg);
}
.line:nth-child(96) .spark {
  width: 255px;
  height: 292px;
  -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 1901ms -564ms linear infinite;
          animation: fire 1901ms -564ms linear infinite;
}
@-webkit-keyframes spark96 {
  0% {
    -webkit-transform: translateY(519px);
            transform: translateY(519px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(265deg) translateX(125px);
            transform: rotateZ(265deg) translateX(125px);
  }
}
@keyframes spark96 {
  0% {
    -webkit-transform: translateY(519px);
            transform: translateY(519px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(265deg) translateX(125px);
            transform: rotateZ(265deg) translateX(125px);
  }
}
.line:nth-child(97) {
  -webkit-transform: rotateY(61deg);
          transform: rotateY(61deg);
}
.line:nth-child(97) .spark {
  width: 377px;
  height: 215px;
  -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 1922ms -988ms linear infinite;
          animation: fire 1922ms -988ms linear infinite;
}
@-webkit-keyframes spark97 {
  0% {
    -webkit-transform: translateY(591px);
            transform: translateY(591px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(1deg) translateX(114px);
            transform: rotateZ(1deg) translateX(114px);
  }
}
@keyframes spark97 {
  0% {
    -webkit-transform: translateY(591px);
            transform: translateY(591px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(1deg) translateX(114px);
            transform: rotateZ(1deg) translateX(114px);
  }
}
.line:nth-child(98) {
  -webkit-transform: rotateY(146deg);
          transform: rotateY(146deg);
}
.line:nth-child(98) .spark {
  width: 240px;
  height: 225px;
  -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 1437ms -915ms linear infinite;
          animation: fire 1437ms -915ms linear infinite;
}
@-webkit-keyframes spark98 {
  0% {
    -webkit-transform: translateY(514px);
            transform: translateY(514px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(70deg) translateX(269px);
            transform: rotateZ(70deg) translateX(269px);
  }
}
@keyframes spark98 {
  0% {
    -webkit-transform: translateY(514px);
            transform: translateY(514px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(70deg) translateX(269px);
            transform: rotateZ(70deg) translateX(269px);
  }
}
.line:nth-child(99) {
  -webkit-transform: rotateY(173deg);
          transform: rotateY(173deg);
}
.line:nth-child(99) .spark {
  width: 341px;
  height: 329px;
  -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 1173ms -191ms linear infinite;
          animation: fire 1173ms -191ms linear infinite;
}
@-webkit-keyframes spark99 {
  0% {
    -webkit-transform: translateY(576px);
            transform: translateY(576px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(172deg) translateX(106px);
            transform: rotateZ(172deg) translateX(106px);
  }
}
@keyframes spark99 {
  0% {
    -webkit-transform: translateY(576px);
            transform: translateY(576px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(172deg) translateX(106px);
            transform: rotateZ(172deg) translateX(106px);
  }
}
.line:nth-child(100) {
  -webkit-transform: rotateY(14deg);
          transform: rotateY(14deg);
}
.line:nth-child(100) .spark {
  width: 344px;
  height: 394px;
  -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 1249ms -253ms linear infinite;
          animation: fire 1249ms -253ms linear infinite;
}
@-webkit-keyframes spark100 {
  0% {
    -webkit-transform: translateY(524px);
            transform: translateY(524px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(266deg) translateX(210px);
            transform: rotateZ(266deg) translateX(210px);
  }
}
@keyframes spark100 {
  0% {
    -webkit-transform: translateY(524px);
            transform: translateY(524px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(266deg) translateX(210px);
            transform: rotateZ(266deg) translateX(210px);
  }
}
.line:nth-child(101) {
  -webkit-transform: rotateY(55deg);
          transform: rotateY(55deg);
}
.line:nth-child(101) .spark {
  width: 294px;
  height: 226px;
  -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 1832ms -6ms linear infinite;
          animation: fire 1832ms -6ms linear infinite;
}
@-webkit-keyframes spark101 {
  0% {
    -webkit-transform: translateY(535px);
            transform: translateY(535px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(91deg) translateX(291px);
            transform: rotateZ(91deg) translateX(291px);
  }
}
@keyframes spark101 {
  0% {
    -webkit-transform: translateY(535px);
            transform: translateY(535px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(91deg) translateX(291px);
            transform: rotateZ(91deg) translateX(291px);
  }
}
.line:nth-child(102) {
  -webkit-transform: rotateY(319deg);
          transform: rotateY(319deg);
}
.line:nth-child(102) .spark {
  width: 202px;
  height: 201px;
  -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 1345ms -792ms linear infinite;
          animation: fire 1345ms -792ms linear infinite;
}
@-webkit-keyframes spark102 {
  0% {
    -webkit-transform: translateY(572px);
            transform: translateY(572px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(273deg) translateX(147px);
            transform: rotateZ(273deg) translateX(147px);
  }
}
@keyframes spark102 {
  0% {
    -webkit-transform: translateY(572px);
            transform: translateY(572px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(273deg) translateX(147px);
            transform: rotateZ(273deg) translateX(147px);
  }
}
.line:nth-child(103) {
  -webkit-transform: rotateY(100deg);
          transform: rotateY(100deg);
}
.line:nth-child(103) .spark {
  width: 291px;
  height: 397px;
  -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 1887ms -467ms linear infinite;
          animation: fire 1887ms -467ms linear infinite;
}
@-webkit-keyframes spark103 {
  0% {
    -webkit-transform: translateY(630px);
            transform: translateY(630px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(66deg) translateX(188px);
            transform: rotateZ(66deg) translateX(188px);
  }
}
@keyframes spark103 {
  0% {
    -webkit-transform: translateY(630px);
            transform: translateY(630px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(66deg) translateX(188px);
            transform: rotateZ(66deg) translateX(188px);
  }
}
.line:nth-child(104) {
  -webkit-transform: rotateY(189deg);
          transform: rotateY(189deg);
}
.line:nth-child(104) .spark {
  width: 351px;
  height: 399px;
  -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 1650ms -478ms linear infinite;
          animation: fire 1650ms -478ms linear infinite;
}
@-webkit-keyframes spark104 {
  0% {
    -webkit-transform: translateY(629px);
            transform: translateY(629px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(183deg) translateX(138px);
            transform: rotateZ(183deg) translateX(138px);
  }
}
@keyframes spark104 {
  0% {
    -webkit-transform: translateY(629px);
            transform: translateY(629px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(183deg) translateX(138px);
            transform: rotateZ(183deg) translateX(138px);
  }
}
.line:nth-child(105) {
  -webkit-transform: rotateY(37deg);
          transform: rotateY(37deg);
}
.line:nth-child(105) .spark {
  width: 363px;
  height: 388px;
  -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 1185ms -927ms linear infinite;
          animation: fire 1185ms -927ms linear infinite;
}
@-webkit-keyframes spark105 {
  0% {
    -webkit-transform: translateY(579px);
            transform: translateY(579px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(332deg) translateX(167px);
            transform: rotateZ(332deg) translateX(167px);
  }
}
@keyframes spark105 {
  0% {
    -webkit-transform: translateY(579px);
            transform: translateY(579px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(332deg) translateX(167px);
            transform: rotateZ(332deg) translateX(167px);
  }
}
.line:nth-child(106) {
  -webkit-transform: rotateY(234deg);
          transform: rotateY(234deg);
}
.line:nth-child(106) .spark {
  width: 213px;
  height: 357px;
  -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 1116ms -189ms linear infinite;
          animation: fire 1116ms -189ms linear infinite;
}
@-webkit-keyframes spark106 {
  0% {
    -webkit-transform: translateY(524px);
            transform: translateY(524px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(49deg) translateX(265px);
            transform: rotateZ(49deg) translateX(265px);
  }
}
@keyframes spark106 {
  0% {
    -webkit-transform: translateY(524px);
            transform: translateY(524px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(49deg) translateX(265px);
            transform: rotateZ(49deg) translateX(265px);
  }
}
.line:nth-child(107) {
  -webkit-transform: rotateY(163deg);
          transform: rotateY(163deg);
}
.line:nth-child(107) .spark {
  width: 283px;
  height: 346px;
  -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 1700ms -556ms linear infinite;
          animation: fire 1700ms -556ms linear infinite;
}
@-webkit-keyframes spark107 {
  0% {
    -webkit-transform: translateY(520px);
            transform: translateY(520px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(8deg) translateX(240px);
            transform: rotateZ(8deg) translateX(240px);
  }
}
@keyframes spark107 {
  0% {
    -webkit-transform: translateY(520px);
            transform: translateY(520px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(8deg) translateX(240px);
            transform: rotateZ(8deg) translateX(240px);
  }
}
.line:nth-child(108) {
  -webkit-transform: rotateY(257deg);
          transform: rotateY(257deg);
}
.line:nth-child(108) .spark {
  width: 215px;
  height: 244px;
  -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 1673ms -716ms linear infinite;
          animation: fire 1673ms -716ms linear infinite;
}
@-webkit-keyframes spark108 {
  0% {
    -webkit-transform: translateY(550px);
            transform: translateY(550px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(232deg) translateX(150px);
            transform: rotateZ(232deg) translateX(150px);
  }
}
@keyframes spark108 {
  0% {
    -webkit-transform: translateY(550px);
            transform: translateY(550px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(232deg) translateX(150px);
            transform: rotateZ(232deg) translateX(150px);
  }
}
.line:nth-child(109) {
  -webkit-transform: rotateY(169deg);
          transform: rotateY(169deg);
}
.line:nth-child(109) .spark {
  width: 236px;
  height: 215px;
  -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 1831ms -266ms linear infinite;
          animation: fire 1831ms -266ms linear infinite;
}
@-webkit-keyframes spark109 {
  0% {
    -webkit-transform: translateY(513px);
            transform: translateY(513px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(283deg) translateX(107px);
            transform: rotateZ(283deg) translateX(107px);
  }
}
@keyframes spark109 {
  0% {
    -webkit-transform: translateY(513px);
            transform: translateY(513px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(283deg) translateX(107px);
            transform: rotateZ(283deg) translateX(107px);
  }
}
.line:nth-child(110) {
  -webkit-transform: rotateY(130deg);
          transform: rotateY(130deg);
}
.line:nth-child(110) .spark {
  width: 252px;
  height: 397px;
  -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 1692ms -174ms linear infinite;
          animation: fire 1692ms -174ms linear infinite;
}
@-webkit-keyframes spark110 {
  0% {
    -webkit-transform: translateY(559px);
            transform: translateY(559px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(181deg) translateX(237px);
            transform: rotateZ(181deg) translateX(237px);
  }
}
@keyframes spark110 {
  0% {
    -webkit-transform: translateY(559px);
            transform: translateY(559px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(181deg) translateX(237px);
            transform: rotateZ(181deg) translateX(237px);
  }
}
.line:nth-child(111) {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.line:nth-child(111) .spark {
  width: 279px;
  height: 386px;
  -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 1963ms -66ms linear infinite;
          animation: fire 1963ms -66ms linear infinite;
}
@-webkit-keyframes spark111 {
  0% {
    -webkit-transform: translateY(607px);
            transform: translateY(607px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(281deg) translateX(264px);
            transform: rotateZ(281deg) translateX(264px);
  }
}
@keyframes spark111 {
  0% {
    -webkit-transform: translateY(607px);
            transform: translateY(607px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(281deg) translateX(264px);
            transform: rotateZ(281deg) translateX(264px);
  }
}
.line:nth-child(112) {
  -webkit-transform: rotateY(318deg);
          transform: rotateY(318deg);
}
.line:nth-child(112) .spark {
  width: 376px;
  height: 310px;
  -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 1105ms -97ms linear infinite;
          animation: fire 1105ms -97ms linear infinite;
}
@-webkit-keyframes spark112 {
  0% {
    -webkit-transform: translateY(552px);
            transform: translateY(552px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(323deg) translateX(288px);
            transform: rotateZ(323deg) translateX(288px);
  }
}
@keyframes spark112 {
  0% {
    -webkit-transform: translateY(552px);
            transform: translateY(552px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  100% {
    -webkit-transform: rotateZ(323deg) translateX(288px);
            transform: rotateZ(323deg) translateX(288px);
  }
}
.line:nth-child(113) {
  -webkit-transform: rotateY(210deg);
          transform: rotateY(210deg);
}
.line:nth-child(113) .spark {
  width: 299px;
  height: 261px;
  -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 1653ms -604ms linear infinite;
          animation: fire 1653ms -604ms linear infinite;
}
@-webkit-keyframes spark113 {
.........完整代码请登录后点击上方下载按钮下载查看

网友评论0