.fire {font-size: 24px;filter: blur(0.02em);-webkit-filter: blur(0.02em);position: relative;width: 10em;height: 12em;}

.particle {animation: rise 1s ease-in infinite;background-image: radial-gradient(#ff5000 20%, rgba(255, 80, 0, 0) 70%);border-radius: 50%;mix-blend-mode: screen;opacity: 0;position: absolute;bottom: 0;width: 5em;height: 5em;}
.particle:nth-of-type(1) {animation-delay: 0.4421395594s;left: calc((100% - 5em) * 0);}
.particle:nth-of-type(2) {animation-delay: 0.0382887637s;left: calc((100% - 5em) * 0.02);}
.particle:nth-of-type(3) {animation-delay: 0.5813341155s;left: calc((100% - 5em) * 0.04);}
.particle:nth-of-type(4) {animation-delay: 0.7106254597s;left: calc((100% - 5em) * 0.06);}
.particle:nth-of-type(5) {animation-delay: 0.8341514847s;left: calc((100% - 5em) * 0.08);}
.particle:nth-of-type(6) {animation-delay: 0.0773346768s;left: calc((100% - 5em) * 0.1);}
.particle:nth-of-type(7) {animation-delay: 0.5802273172s;left: calc((100% - 5em) * 0.12);}
.particle:nth-of-type(8) {animation-delay: 0.6846011692s;left: calc((100% - 5em) * 0.14);}
.particle:nth-of-type(9) {animation-delay: 0.6545474677s;left: calc((100% - 5em) * 0.16);}
.particle:nth-of-type(10) {animation-delay: 0.4924812821s;left: calc((100% - 5em) * 0.18);}
.particle:nth-of-type(11) {animation-delay: 0.1788524621s;left: calc((100% - 5em) * 0.2);}
.particle:nth-of-type(12) {animation-delay: 0.0737942247s;left: calc((100% - 5em) * 0.22);}
.particle:nth-of-type(13) {
  animation-delay: 0.2901703996s;
  left: calc((100% - 5em) * 0.24);
}
.particle:nth-of-type(14) {
  animation-delay: 0.2552319823s;
  left: calc((100% - 5em) * 0.26);
}
.particle:nth-of-type(15) {
  animation-delay: 0.1148136928s;
  left: calc((100% - 5em) * 0.28);
}
.particle:nth-of-type(16) {
  animation-delay: 0.5251921534s;
  left: calc((100% - 5em) * 0.3);
}
.particle:nth-of-type(17) {
  animation-delay: 0.9875254707s;
  left: calc((100% - 5em) * 0.32);
}
.particle:nth-of-type(18) {
  animation-delay: 0.9066550843s;
  left: calc((100% - 5em) * 0.34);
}
.particle:nth-of-type(19) {
  animation-delay: 0.7460794724s;
  left: calc((100% - 5em) * 0.36);
}
.particle:nth-of-type(20) {
  animation-delay: 0.9175579823s;
  left: calc((100% - 5em) * 0.38);
}
.particle:nth-of-type(21) {
  animation-delay: 0.0849408151s;
  left: calc((100% - 5em) * 0.4);
}
.particle:nth-of-type(22) {
  animation-delay: 0.1011484067s;
  left: calc((100% - 5em) * 0.42);
}
.particle:nth-of-type(23) {
  animation-delay: 0.9767296067s;
  left: calc((100% - 5em) * 0.44);
}
.particle:nth-of-type(24) {
  animation-delay: 0.0930781136s;
  left: calc((100% - 5em) * 0.46);
}
.particle:nth-of-type(25) {
  animation-delay: 0.3996170888s;
  left: calc((100% - 5em) * 0.48);
}
.particle:nth-of-type(26) {
  animation-delay: 0.0248931362s;
  left: calc((100% - 5em) * 0.5);
}
.particle:nth-of-type(27) {
  animation-delay: 0.1921255499s;
  left: calc((100% - 5em) * 0.52);
}
.particle:nth-of-type(28) {
  animation-delay: 0.3046171794s;
  left: calc((100% - 5em) * 0.54);
}
.particle:nth-of-type(29) {
  animation-delay: 0.7952844509s;
  left: calc((100% - 5em) * 0.56);
}
.particle:nth-of-type(30) {
  animation-delay: 0.8671466942s;
  left: calc((100% - 5em) * 0.58);
}
.particle:nth-of-type(31) {
  animation-delay: 0.1392742666s;
  left: calc((100% - 5em) * 0.6);
}
.particle:nth-of-type(32) {
  animation-delay: 0.7413436516s;
  left: calc((100% - 5em) * 0.62);
}
.particle:nth-of-type(33) {
  animation-delay: 0.6441198728s;
  left: calc((100% - 5em) * 0.64);
}
.particle:nth-of-type(34) {
  animation-delay: 0.6704682343s;
  left: calc((100% - 5em) * 0.66);
}
.particle:nth-of-type(35) {
  animation-delay: 0.182648352s;
  left: calc((100% - 5em) * 0.68);
}
.particle:nth-of-type(36) {
  animation-delay: 0.3268957947s;
  left: calc((100% - 5em) * 0.7);
}
.particle:nth-of-type(37) {
  animation-delay: 0.7543432581s;
  left: calc((100% - 5em) * 0.72);
}
.particle:nth-of-type(38) {
  animation-delay: 0.8960832073s;
  left: calc((100% - 5em) * 0.74);
}
.particle:nth-of-type(39) {
  animation-delay: 0.273657301s;
  left: calc((100% - 5em) * 0.76);
}
.particle:nth-of-type(40) {
  animation-delay: 0.3945191199s;
  left: calc((100% - 5em) * 0.78);
}
.particle:nth-of-type(41) {
  animation-delay: 0.2999139901s;
  left: calc((100% - 5em) * 0.8);
}
.particle:nth-of-type(42) {
  animation-delay: 0.1305875406s;
  left: calc((100% - 5em) * 0.82);
}
.particle:nth-of-type(43) {
  animation-delay: 0.0526040342s;
  left: calc((100% - 5em) * 0.84);
}
.particle:nth-of-type(44) {
  animation-delay: 0.3043491241s;
  left: calc((100% - 5em) * 0.86);
}
.particle:nth-of-type(45) {
  animation-delay: 0.2587635685s;
  left: calc((100% - 5em) * 0.88);
}
.particle:nth-of-type(46) {
  animation-delay: 0.2586513857s;
  left: calc((100% - 5em) * 0.9);
}
.particle:nth-of-type(47) {
  animation-delay: 0.809641255s;
  left: calc((100% - 5em) * 0.92);
}
.particle:nth-of-type(48) {
  animation-delay: 0.164991101s;
  left: calc((100% - 5em) * 0.94);
}
.particle:nth-of-type(49) {
  animation-delay: 0.1377104763s;
  left: calc((100% - 5em) * 0.96);
}
.particle:nth-of-type(50) {
  animation-delay: 0.8693970028s;
  left: calc((100% - 5em) * 0.98);
}

@keyframes rise {
  from {
    opacity: 0;
    transform: translateY(0) scale(1);
  }
  25% {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translateY(-10em) scale(0);
  }
}