*{box-sizing:border-box}body{background-color:#ccf}@keyframes scaleUpDown{0%,to{transform:scaleY(1) scaleX(1)}50%,90%{transform:scaleY(1.1)}75%{transform:scaleY(.95)}80%{transform:scaleX(.95)}}@keyframes shake{0%,to{transform:skewX(0) scale(1)}50%{transform:skewX(5deg) scale(.9)}}@keyframes particleUp{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0;top:-100%;transform:scale(.5)}}@keyframes glow{0%,to{background-color:#4169e1}50%{background-color:#4169e1}}.fire{position:absolute;top:calc(50% - 50px);left:calc(50% - 50px);width:100px;height:100px;background-color:transparent;margin-left:auto;margin-right:auto;filter:drop-shadow(0 0 15px rgba(22,69,221,.4));animation:firePulse 4s ease-in-out infinite}@keyframes firePulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 15px rgba(22,69,221,.4))}50%{transform:scale(1.05);filter:drop-shadow(0 0 25px rgba(22,69,221,.6))}}.fire-center{position:absolute;height:100%;width:100%;animation:scaleUpDown 3s ease-out;animation-iteration-count:infinite;animation-fill-mode:both;.main-fire{position:absolute;width:100%;height:100%;background-image:radial-gradient(farthest-corner at 10px 0,var(--highlight) 0,#1645dd 95%);transform:scaleX(.8) rotate(45deg);border-radius:0 40% 60% 40%;filter:drop-shadow(0 0 12px var(--highlight))}.particle-fire{position:absolute;top:60%;left:45%;width:10px;height:10px;background-color:var(--highlight);border-radius:50%;filter:drop-shadow(0 0 8px var(--highlight));animation:particleUp 2s ease-out 0;animation-iteration-count:infinite;animation-fill-mode:both}}.fire-right{height:100%;width:100%;position:absolute;animation:shake 2s ease-out 0;animation-iteration-count:infinite;animation-fill-mode:both;.main-fire{top:15%;right:-25%;width:80%;height:80%;background-color:#1645dd;border-radius:0 40% 60% 40%;opacity:.8}.main-fire,.particle-fire{position:absolute;transform:scaleX(.8) rotate(45deg);filter:drop-shadow(0 0 10px var(--highlight))}.particle-fire{top:45%;left:50%;width:15px;height:15px;background-color:var(--highlight);border-radius:50%;animation:particleUp 2s ease-out 0;animation-iteration-count:infinite;animation-fill-mode:both}}.fire-left{position:absolute;height:100%;width:100%;animation:shake 3s ease-out 0;animation-iteration-count:infinite;animation-fill-mode:both;.main-fire{top:15%;left:-20%;width:80%;height:80%;background-color:#1645dd;transform:scaleX(.8) rotate(45deg);border-radius:0 40% 60% 40%;opacity:.8}.main-fire,.particle-fire{position:absolute;filter:drop-shadow(0 0 10px var(--highlight))}.particle-fire{top:10%;left:20%;width:10%;height:10%;background-color:var(--highlight);border-radius:50%;animation:particleUp 0 3s ease-out infinite;animation-fill-mode:both}}.fire-bottom .main-fire{position:absolute;top:30%;left:20%;width:75%;height:75%;background-color:var(--highlight);transform:scaleX(.8) rotate(45deg);border-radius:0 40% 100% 40%;filter:blur(10px);animation:glow 2s ease-out 0;animation-iteration-count:infinite;animation-fill-mode:both;opacity:.6}