#exhaust,#sky{position:fixed}#exhaust,#exhaust:after{width:400px;height:100px}#exhaust:after,#rocket:after,#rocket:before{content:'';position:absolute}#exhaust:after,.shake_rocket{animation:.1s linear infinite shake}:root{--white-25:rgba(255,255,255,.25);--white-50:rgba(255,255,255,.5)}body{margin:var(--base-padding);font-family:system-ui}*{box-sizing:border-box}#rocket-section{display:block;min-height:100vh;display:grid;place-items:center}#rocket{width:40px;height:125px;background:linear-gradient(to right,transparent 45%,#b22222 45%,#b22222 55%,transparent 55%),radial-gradient(circle at 50% 40%,#fff 10%,#aaa 11%,#aaa 15%,transparent 16%),linear-gradient(to right,transparent 50%,rgba(0,0,0,.1) 50%),linear-gradient(to bottom,#b22222 12%,transparent 12%),#d3d3d3;background-size:100% 40%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%;background-position:50% 95%,0 0,0 0,0 0,0 0;background-repeat:no-repeat;border-radius:50px/200px 200px 10px 10px;position:sticky;bottom:0;left:calc(50% - 20px);box-shadow:0 15px 0 -5px #666;filter:drop-shadow(0px -5px 2px rgba(0,0,0,.15))}#rocket:before{width:200%;height:50%;top:55%;left:-50%;background:radial-gradient(circle at 50% 100%,transparent 50%,#b22222 51%);clip-path:polygon(0% 0%,25% 0%,25% 100%,75% 100%,75% 0%,100% 0%,100% 100%,0% 100%);border-radius:100% 100% 0 0}#rocket:after{width:60%;height:25%;top:108%;left:20%;background:linear-gradient(to bottom,#ff4500,gold);border-radius:0 0 25% 25%;filter:blur(2px);opacity:.5;animation:.25s linear infinite blast_off}@keyframes blast_off{33%{background:linear-gradient(to bottom,#ff4500 25%,gold 75%)}66%{background:linear-gradient(to bottom,#ff4500 50%,gold 90%)}}@keyframes shake{25%{transform:translateX(-1px)}75%{transform:translateX(1px)}}#sky{height:100vh;width:100%;bottom:0;left:0;background:radial-gradient(circle at 75% 24%,rgba(255,255,255,.5) .25%,transparent .25%),radial-gradient(circle at 10% 23%,rgba(255,255,255,.25) .25%,transparent .25%),radial-gradient(circle at 98% 29%,rgba(255,255,255,.25) .25%,transparent .25%),radial-gradient(circle at 63% 10%,rgba(255,255,255,.25) .25%,transparent .25%),radial-gradient(circle at 20% 6%,rgba(255,255,255,.25) .25%,transparent .25%),radial-gradient(circle at 75% 5%,rgba(255,255,255,.25) .25%,transparent .25%),radial-gradient(circle at 35% 15%,rgba(255,255,255,.25) .25%,transparent .25%),radial-gradient(circle at 94% 10%,rgba(255,255,255,.25) .25%,transparent .25%),radial-gradient(circle at 55% 30%,rgba(255,255,255,.25) .25%,transparent .25%),radial-gradient(circle at 4% 40%,rgba(255,255,255,.25) .25%,transparent .25%),radial-gradient(circle at 91% 35%,rgba(255,255,255,.25) .25%,transparent .25%),radial-gradient(circle at -1% 3%,rgba(0,0,0,.15) 2%,transparent 2.5%),radial-gradient(circle at 11% 6.5%,rgba(0,0,0,.15) 1%,transparent 1.5%),radial-gradient(circle at 15% 0,rgba(0,0,0,.15) 2%,transparent 2.5%),radial-gradient(circle at 5% 8%,rgba(0,0,0,.15) 2%,transparent 2.5%),radial-gradient(circle at -5% -5%,rgba(255,255,255,.15) 9%,transparent 10%),radial-gradient(circle at 0 0,#888 10%,transparent 12%),linear-gradient(to top,beige,#306);z-index:-1}#exhaust{bottom:-50px;left:calc(50% - 200px);opacity:0;transition-origin:50% 100%;transition:1s}#exhaust:after{bottom:0;left:0;background:radial-gradient(circle at 20% 90%,#fff 50px,transparent 51px),radial-gradient(circle at 35% 115%,#fff 50px,transparent 51px),radial-gradient(circle at 50% 135%,#fff 50px,transparent 51px),radial-gradient(circle at 65% 115%,#fff 50px,transparent 51px),radial-gradient(circle at 80% 90%,#fff 50px,transparent 51px);filter:blur(1px) drop-shadow(0px -5px rgba(0,0,0,.025))}.exhaust{opacity:1!important;bottom:0!important}