body{background:#000b0f;background-size:auto;display:flex;align-content:center;justify-content:center;align-items:center;height:calc(100vh - 100px);overflow:hidden}p{position:absolute}.fire{font-size:60px;filter:blur(.02em);-webkit-filter:blur(.02em);margin:3em auto 0 auto;position:absolute;width:20em;height:20em;bottom:-10%}@media (max-width:768px){.fire{width:10em;height:10em}}.particle{animation:rise 1s ease-in infinite;background-image:radial-gradient(#076690 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:.4150199844s;left:calc((100% - 5em) * 0)}.particle:nth-of-type(2){animation-delay:.8344327605s;left:calc((100% - 5em) * .02)}.particle:nth-of-type(3){animation-delay:.9625374121s;left:calc((100% - 5em) * .04)}.particle:nth-of-type(4){animation-delay:.2613570153s;left:calc((100% - 5em) * .06)}.particle:nth-of-type(5){animation-delay:.2112385071s;left:calc((100% - 5em) * .08)}.particle:nth-of-type(6){animation-delay:.1817201525s;left:calc((100% - 5em) * .1)}.particle:nth-of-type(7){animation-delay:.9921946637s;left:calc((100% - 5em) * .12)}.particle:nth-of-type(8){animation-delay:.8885362192s;left:calc((100% - 5em) * .14)}.particle:nth-of-type(9){animation-delay:.9840432356s;left:calc((100% - 5em) * .16)}.particle:nth-of-type(10){animation-delay:.9371798125s;left:calc((100% - 5em) * .18)}.particle:nth-of-type(11){animation-delay:.5872370972s;left:calc((100% - 5em) * .2)}.particle:nth-of-type(12){animation-delay:.4091113556s;left:calc((100% - 5em) * .22)}.particle:nth-of-type(13){animation-delay:.2653754249s;left:calc((100% - 5em) * .24)}.particle:nth-of-type(14){animation-delay:.1162239032s;left:calc((100% - 5em) * .26)}.particle:nth-of-type(15){animation-delay:.4557036706s;left:calc((100% - 5em) * .28)}.particle:nth-of-type(16){animation-delay:.7406048572s;left:calc((100% - 5em) * .3)}.particle:nth-of-type(17){animation-delay:.8403733858s;left:calc((100% - 5em) * .32)}.particle:nth-of-type(18){animation-delay:.205413871s;left:calc((100% - 5em) * .34)}.particle:nth-of-type(19){animation-delay:.9668706038s;left:calc((100% - 5em) * .36)}.particle:nth-of-type(20){animation-delay:.7805754685s;left:calc((100% - 5em) * .38)}.particle:nth-of-type(21){animation-delay:.5893766394s;left:calc((100% - 5em) * .4)}.particle:nth-of-type(22){animation-delay:.9656386051s;left:calc((100% - 5em) * .42)}.particle:nth-of-type(23){animation-delay:.8725209869s;left:calc((100% - 5em) * .44)}.particle:nth-of-type(24){animation-delay:.742158017s;left:calc((100% - 5em) * .46)}.particle:nth-of-type(25){animation-delay:.3275776627s;left:calc((100% - 5em) * .48)}.particle:nth-of-type(26){animation-delay:.3295959511s;left:calc((100% - 5em) * .5)}.particle:nth-of-type(27){animation-delay:.3033002064s;left:calc((100% - 5em) * .52)}.particle:nth-of-type(28){animation-delay:.8706796894s;left:calc((100% - 5em) * .54)}.particle:nth-of-type(29){animation-delay:.3041253926s;left:calc((100% - 5em) * .56)}.particle:nth-of-type(30){animation-delay:.6052182251s;left:calc((100% - 5em) * .58)}.particle:nth-of-type(31){animation-delay:.7138206498s;left:calc((100% - 5em) * .6)}.particle:nth-of-type(32){animation-delay:.6287011031s;left:calc((100% - 5em) * .62)}.particle:nth-of-type(33){animation-delay:.6600144997s;left:calc((100% - 5em) * .64)}.particle:nth-of-type(34){animation-delay:.3288111956s;left:calc((100% - 5em) * .66)}.particle:nth-of-type(35){animation-delay:.8312064714s;left:calc((100% - 5em) * .68)}.particle:nth-of-type(36){animation-delay:.7280590546s;left:calc((100% - 5em) * .7)}.particle:nth-of-type(37){animation-delay:.5109053056s;left:calc((100% - 5em) * .72)}.particle:nth-of-type(38){animation-delay:.2406889348s;left:calc((100% - 5em) * .74)}.particle:nth-of-type(39){animation-delay:.5948315442s;left:calc((100% - 5em) * .76)}.particle:nth-of-type(40){animation-delay:.444330217s;left:calc((100% - 5em) * .78)}.particle:nth-of-type(41){animation-delay:.4808337876s;left:calc((100% - 5em) * .8)}.particle:nth-of-type(42){animation-delay:98.361544ms;left:calc((100% - 5em) * .82)}.particle:nth-of-type(43){animation-delay:.3106101228s;left:calc((100% - 5em) * .84)}.particle:nth-of-type(44){animation-delay:.5038201362s;left:calc((100% - 5em) * .86)}.particle:nth-of-type(45){animation-delay:.111598032s;left:calc((100% - 5em) * .88)}.particle:nth-of-type(46){animation-delay:.7960378294s;left:calc((100% - 5em) * .9)}.particle:nth-of-type(47){animation-delay:.4052446393s;left:calc((100% - 5em) * .92)}.particle:nth-of-type(48){animation-delay:.8222518498s;left:calc((100% - 5em) * .94)}.particle:nth-of-type(49){animation-delay:.240039729s;left:calc((100% - 5em) * .96)}.particle:nth-of-type(50){animation-delay:.6078559067s;left:calc((100% - 5em) * .98)}@keyframes rise{from{opacity:0;transform:translateY(0) scale(1)}25%{opacity:1}to{opacity:0;transform:translateY(-10em) scale(0)}}