@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;position:relative}#demo.col{display:flex;flex-direction:column;align-items:center;justify-content:center}.mo-fire{width:300px}.mo-fire svg{width:100%;height:auto;position:relative}.flame{animation-name:flamefly;animation-duration:2s;animation-timing-function:linear;animation-iteration-count:infinite;opacity:0;transform-origin:50% 50% 0}.flame.one{animation-delay:1s;animation-duration:3s}.flame3.two{animation-duration:5s;animation-delay:1s}.flame-main{animation-name:flameWobble;animation-duration:3s;animation-timing-function:linear;animation-iteration-count:infinite}.flame-main.one{animation-duration:4s;animation-delay:1s}.flame-main.two{animation-duration:3s;animation-delay:2s}.flame-main.three{animation-duration:2.1s;animation-delay:3s}.flame-main.four{animation-duration:3.2s;animation-delay:4s}.flame-main.five{animation-duration:2.5s;animation-delay:5s}@keyframes flameWobble{50%{transform:scaleY(1.2) translateY(-30px) rotate(-2deg)}}@keyframes flamefly{0%{transform:translate(0) rotate(180deg)}50%{opacity:1}to{transform:translate(-20px,-100px) rotate(180deg);opacity:0}}#flame__selection{margin:10px;font-family:Poppins,sans-serif;border:0;text-decoration:underline}#flame__selection input[type=radio]{opacity:0;position:fixed;width:0}#flame__selection label{display:inline-block;margin:0 10px 10px 0;padding:10px 20px;background-color:#ccc;font-family:sans-serif,Arial;font-size:16px;border:2px solid hsl(0,0%,0%);border-radius:4px}#flame__selection :hover,#flame__selection input[type=radio]:checked+label{background-color:#bdffbd}