.loader{background-color:#111217;width:100%;height:100vh;position:fixed;top:0;left:0;z-index:999999}body .fire_l{position:absolute;top:50%;left:50%;transform:translate(-50%,-25%);height:10vw;width:10vw}body .fire_l .flames{position:absolute;bottom:40%;left:50%;width:50%;height:50%;transform:translateX(-50%) rotate(45deg)}body .fire_l .flames .flame{position:absolute;right:0;bottom:0;width:0;height:0;background-color:#ffdc01;border-radius:1vw}body .fire_l .flames .flame:nth-child(odd){animation:flameodd 1.5s ease-in infinite}body .fire_l .flames .flame:nth-child(2n){animation:flameeven 1.5s ease-in infinite}body .fire_l .flames .flame:first-child{animation-delay:0s}body .fire_l .flames .flame:nth-child(2){animation-delay:.375s}body .fire_l .flames .flame:nth-child(3){animation-delay:.75s}body .fire_l .flames .flame:nth-child(4){animation-delay:1.125s}body .fire_l .logs{position:absolute;bottom:25%;left:50%;transform:translateX(-50%);width:100%;height:15%}body .fire_l .logs:after,body .fire_l .logs:before{position:absolute;content:"";top:50%;left:50%;transform:translate(-50%,-50%) rotate(20deg);height:100%;width:100%;border-radius:1vw;background-color:#70392f}body .fire_l .logs:before{transform:translate(-50%,-50%) rotate(-20deg);background-color:#612e25}@keyframes flameodd{0%,to{width:0;height:0}25%{width:100%;height:100%}0%{background-color:#ffdc01;z-index:1000000}40%{background-color:#fdac01;z-index:1000000}to{background-color:#f73b01;z-index:-10}0%{right:0;bottom:0}25%{right:1%;bottom:2%}to{right:150%;bottom:170%}}@keyframes flameeven{0%,to{width:0;height:0}25%{width:100%;height:100%}0%{background-color:#ffdc01;z-index:1000000}40%{background-color:#fdac01;z-index:1000000}to{background-color:#f73b01;z-index:-10}0%{right:0;bottom:0}25%{right:2%;bottom:1%}to{right:170%;bottom:150%}}