.flame-container .fire{width:512px;height:512px;position:absolute}.flame-container .fire .flames{width:60%;height:60%;position:absolute;bottom:40%;left:50%;transform:translate(-50%)rotate(45deg)}.flame-container .fire .flames .flame{background-color:#ffdc01;border-radius:50%;width:0%;height:0%;position:absolute;bottom:0%;right:0%}.flame-container .fire .flames .flame:nth-child(odd){animation:3s ease-in infinite flame-odd}.flame-container .fire .flames .flame:nth-child(2n){animation:3s ease-in infinite flame-even}.flame-container .fire .flames .flame:first-child{animation-delay:0s}.flame-container .fire .flames .flame:nth-child(2){animation-delay:.75s}.flame-container .fire .flames .flame:nth-child(3){animation-delay:1.5s}.flame-container .fire .flames .flame:nth-child(4){animation-delay:2.25s}.flame-container .fire .logs{width:100%;height:15%;position:absolute;bottom:25%;left:50%;transform:translate(-50%)}.flame-container .fire .logs:before,.flame-container .fire .logs:after{content:"";background-color:#70392f;border-radius:1vw;width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(20deg)}.flame-container .fire .logs:before{background-color:#612e25;transform:translate(-50%,-50%)rotate(-20deg)}@keyframes flame-odd{0%{z-index:10;background-color:#ffdc01;width:0%;height:0%;bottom:0%;right:0%}25%{width:100%;height:100%;bottom:2%;right:1%}40%{z-index:10;background-color:#fdac01}to{z-index:-10;background-color:#f73b01;width:0%;height:0%;bottom:170%;right:150%}}@keyframes flame-even{0%{z-index:10;background-color:#ffdc01;width:0%;height:0%;bottom:0%;right:0%}25%{width:100%;height:100%;bottom:1%;right:2%}40%{z-index:10;background-color:#fdac01}to{z-index:-10;background-color:#f73b01;width:0%;height:0%;bottom:150%;right:170%}}