@import"https://fonts.googleapis.com/css?family=Ubuntu:400,400i,700,700i";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700;800&display=swap";*{margin:0;padding:0;box-sizing:border-box}.app{width:100vw;height:100vh;overflow:hidden;position:relative;background:#000}.candle-holder{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:150px;height:400px;z-index:100;pointer-events:none}.candle-holder *,.candle-holder *:before,.candle-holder *:after{position:absolute;content:""}.candle{bottom:0;width:150px;height:300px;border-radius:150px/40px;box-shadow:inset 20px -30px 50px #0006,inset -20px 0 50px #0006;background:#190f02;background:linear-gradient(#e48825,#e78e0e,#833c03,#4c1a03 50%,#1c0900)}.candle:before{width:100%;height:40px;border-radius:50%;border:2px solid #d47401;background:#b86409;background:radial-gradient(#eaa121,#8e4901 45%,#b86409 80%)}.candle:after{width:34px;height:10px;left:50%;transform:translate(-50%);border-radius:50%;top:14px;box-shadow:0 0 20px #00000080;background:radial-gradient(rgba(0,0,0,.6),transparent 45%)}.thread{width:6px;height:36px;top:-17px;left:50%;z-index:1;border-radius:40% 40% 0 0;transform:translate(-50%);background:#121212;background:linear-gradient(#d6994a,#4b232c,#121212,#000,#e8bb31 90%)}.flame{width:24px;height:120px;left:50%;transform-origin:50% 100%;transform:translate(-50%);bottom:100%;border-radius:50% 50% 20% 20%;background:#fff;background:linear-gradient(white 80%,transparent);animation:moveFlame 6s linear infinite,enlargeFlame 5s linear infinite}.flame:before{width:100%;height:100%;border-radius:50% 50% 20% 20%;box-shadow:0 0 15px #f75d0066,0 -6px 4px #f78000b3}@keyframes moveFlame{0%,to{transform:translate(-50%) rotate(-2deg)}50%{transform:translate(-50%) rotate(2deg)}}@keyframes enlargeFlame{0%,to{height:120px}50%{height:140px}}.glow{width:26px;height:60px;border-radius:50% 50% 35% 35%;left:50%;top:-48px;transform:translate(-50%);background:#0085ffb3;box-shadow:0 -40px 30px #dc8a0c,0 40px 50px #dc8a0c,inset 3px 0 2px #0085ff99,inset -3px 0 2px #0085ff99}.glow:before{width:70%;height:60%;left:50%;transform:translate(-50%);bottom:0;border-radius:50%;background:#00000059}.blinking-glow{width:100px;height:180px;left:50%;top:-55%;transform:translate(-50%);border-radius:50%;background:#ff6000;filter:blur(60px);animation:blinkIt .1s infinite}@keyframes blinkIt{50%{opacity:.8}}@media(max-width:768px){.candle-holder{width:100px;height:300px;bottom:0}.candle{width:100px;height:200px}.flame{width:18px;height:90px}}html,body{margin:0;padding:0;width:100%;height:100%;background:#000;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}#root{width:100vw;height:100vh;background:#000}