.moon{position:absolute;width:100px;height:100px;background-color:#95a5a6;border-radius:50%;left:-50px;box-shadow:1px 1px 70px hsla(0,0%,100%,.5),inset -5px -5px 0 rgba(0,0,0,.08);left:0;margin:50px}.moon:before{width:25px;height:25px;top:20px;left:20px}.moon:after,.moon:before{position:absolute;background-color:rgba(0,0,0,.09);box-shadow:inset -3px 4px 0 rgba(0,0,0,.09);content:"";border-radius:50%}.moon:after{width:15px;height:15px;top:60px;left:60px}.stars{color:hsla(0,0%,100%,.7);font-weight:700;font-size:25px;text-shadow:1px 1px 20px #fff}.star1,.stars{position:absolute}.star1{left:300px;-webkit-animation:flash 1s ease infinite alternate;animation:flash 1s ease infinite alternate}.star1:before{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background-color:hsla(0,0%,100%,.7);box-shadow:1px 1px 20px #fff;left:-75px;top:20px}@-webkit-keyframes flash{0%{opacity:1}to{opacity:0}}@keyframes flash{0%{opacity:1}to{opacity:0}}.star1:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background-color:hsla(0,0%,100%,.7);box-shadow:1px 1px 20px #fff;left:-180px;top:160px}.star2{position:absolute;left:70px;top:110px;-webkit-animation:flash 1.5s ease infinite alternate;animation:flash 1.5s ease infinite alternate}.star2:before{left:-20px;top:146px}.star2:after,.star2:before{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background-color:hsla(0,0%,100%,.7);box-shadow:1px 1px 20px #fff}.star2:after{left:320px;top:40px}.star3{position:absolute;top:196px;left:265px;-webkit-animation:flash .7s ease infinite alternate;animation:flash .7s ease infinite alternate}.star3:before{left:-285px;top:-215px}.star3:after,.star3:before{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background-color:hsla(0,0%,100%,.7);box-shadow:1px 1px 20px #fff}.star3:after{left:-282px;top:-18px}.inputs{position:absolute;top:0;right:0;margin:20px;display:flex}.play{width:0;height:0;border-top:8px solid transparent;border-left:12px solid #fff;border-bottom:8px solid transparent}.pause,.play{cursor:pointer;margin:10px}.pause{width:4px;height:16px;border-right:4px solid #fff;border-left:4px solid #fff}#app,body,html{width:100%!important;height:100%!important;overflow-y:unset!important;margin:0;padding:0;background:radial-gradient(#68184d,#191142)}.stage{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.campfire{position:relative;width:600px;height:900px;transform-origin:center center;transform:scale(.95)}.log{width:238px;height:70px;background:#601819;overflow:hidden;opacity:.99}.log,.log:before{position:absolute;border-radius:32px}.log:before{content:"";display:block;top:50%;left:35px;width:8px;height:8px;background:#ba6161;transform:translate(-50%,-50%);z-index:3;box-shadow:0 0 0 2.5px #601819,0 0 0 10.5px #ba6161,0 0 0 13px #601819,0 0 0 21px #ba6161,0 0 0 23.5px #601819,0 0 0 31.5px #ba6161}.streak{position:absolute;height:2px;border-radius:20px;background:#ba6161}.streak:first-child{top:10px;width:90px}.streak:nth-child(2){top:10px;left:100px;width:80px}.streak:nth-child(3){top:10px;left:190px;width:30px}.streak:nth-child(4){top:22px;width:132px}.streak:nth-child(5){top:22px;left:142px;width:48px}.streak:nth-child(6){top:22px;left:200px;width:28px}.streak:nth-child(7){top:34px;left:74px;width:160px}.streak:nth-child(8){top:46px;left:110px;width:40px}.streak:nth-child(9){top:46px;left:170px;width:54px}.streak:nth-child(10){top:58px;left:90px;width:110px}.log{transform-origin:center center;box-shadow:0 0 2px 1px rgba(0,0,0,.15)}.log:first-child{bottom:100px;left:100px;transform:rotate(150deg) scaleX(.75);z-index:20}.log:nth-child(2){bottom:120px;left:140px;transform:rotate(110deg) scaleX(.75);z-index:10}.log:nth-child(3){bottom:98px;left:68px;transform:rotate(-10deg) scaleX(.75)}.log:nth-child(4){bottom:80px;left:220px;transform:rotate(-120deg) scaleX(.75);z-index:26}.log:nth-child(5){bottom:75px;left:210px;transform:rotate(-30deg) scaleX(.75);z-index:25}.log:nth-child(6){bottom:92px;left:280px;transform:rotate(35deg) scaleX(.85);z-index:30}.log:nth-child(7){bottom:70px;left:300px;transform:rotate(-30deg) scaleX(.75);z-index:20}.stick{position:absolute;width:68px;height:20px;border-radius:10px;box-shadow:0 0 2px 1px rgba(0,0,0,.1);background:#601819}.stick:before{bottom:100%;left:30px;width:6px;background:#601819;transform:translateY(50%) rotate(32deg)}.stick:after,.stick:before{content:"";display:block;position:absolute;height:20px;border-radius:10px}.stick:after{top:0;right:0;width:20px;background:#ba6161}.stick{transform-origin:center center}.stick:first-child{left:158px;bottom:164px;transform:rotate(-152deg) scaleX(.8);z-index:12}.stick:nth-child(2){left:180px;bottom:30px;transform:rotate(20deg) scaleX(.9)}.stick:nth-child(3){left:400px;bottom:38px;transform:rotate(170deg) scaleX(.9)}.stick:nth-child(3):before{display:none}.stick:nth-child(4){left:370px;bottom:150px;transform:rotate(80deg) scaleX(.9);z-index:20}.stick:nth-child(4):before{display:none}.fire .flame{position:absolute;transform-origin:bottom center;opacity:.9}.fire__red .flame{width:48px;border-radius:48px;background:#e20f00;box-shadow:0 0 80px 18px rgba(226,15,0,.4)}.fire__red .flame:first-child{left:138px;height:160px;bottom:100px;-webkit-animation:fire 2.5s ease-in-out .15s infinite alternate;animation:fire 2.5s ease-in-out .15s infinite alternate}.fire__red .flame:nth-child(2){left:186px;height:240px;bottom:100px;-webkit-animation:fire 2.5s ease-in-out .35s infinite alternate;animation:fire 2.5s ease-in-out .35s infinite alternate}.fire__red .flame:nth-child(3){left:234px;height:300px;bottom:100px;-webkit-animation:fire 2.5s ease-in-out .1s infinite alternate;animation:fire 2.5s ease-in-out .1s infinite alternate}.fire__red .flame:nth-child(4){left:282px;height:360px;bottom:100px;-webkit-animation:fire 2.5s ease-in-out 0s infinite alternate;animation:fire 2.5s ease-in-out 0s infinite alternate}.fire__red .flame:nth-child(5){left:330px;height:310px;bottom:100px;-webkit-animation:fire 2.5s ease-in-out .45s infinite alternate;animation:fire 2.5s ease-in-out .45s infinite alternate}.fire__red .flame:nth-child(6){left:378px;height:232px;bottom:100px;-webkit-animation:fire 2.5s ease-in-out .3s infinite alternate;animation:fire 2.5s ease-in-out .3s infinite alternate}.fire__red .flame:nth-child(7){left:426px;height:140px;bottom:100px;-webkit-animation:fire 2.5s ease-in-out .1s infinite alternate;animation:fire 2.5s ease-in-out .1s infinite alternate}.fire__orange .flame{width:48px;border-radius:48px;background:#ff9c00;box-shadow:0 0 80px 18px rgba(255,156,0,.4)}.fire__orange .flame:first-child{left:138px;height:140px;bottom:100px;-webkit-animation:fire 2.5s ease-in-out .05s infinite alternate;animation:fire 2.5s ease-in-out .05s infinite alternate}.fire__orange .flame:nth-child(2){left:186px;height:210px;bottom:100px;-webkit-animation:fire 2.5s ease-in-out .1s infinite alternate;animation:fire 2.5s ease-in-out .1s infinite alternate}.fire__orange .flame:nth-child(3){left:234px;height:250px;bottom:100px;-webkit-animation:fire 2.5s ease-in-out .35s infinite alternate;animation:fire 2.5s ease-in-out .35s infinite alternate}.fire__orange .flame:nth-child(4){left:282px;height:300px;bottom:100px;-webkit-animation:fire 2.5s ease-in-out .4s infinite alternate;animation:fire 2.5s ease-in-out .4s infinite alternate}.fire__orange .flame:nth-child(5){left:330px;height:260px;bottom:100px;-webkit-animation:fire 2.5s ease-in-out .5s infinite alternate;animation:fire 2.5s ease-in-out .5s infinite alternate}.fire__orange .flame:nth-child(6){left:378px;height:202px;bottom:100px;-webkit-animation:fire 2.5s ease-in-out .35s infinite alternate;animation:fire 2.5s ease-in-out .35s infinite alternate}.fire__orange .flame:nth-child(7){left:426px;height:110px;bottom:100px;-webkit-animation:fire 2.5s ease-in-out .1s infinite alternate;animation:fire 2.5s ease-in-out .1s infinite alternate}.fire__yellow .flame{width:48px;border-radius:48px;background:#ffeb6e;box-shadow:0 0 80px 18px rgba(255,235,110,.4)}.fire__yellow .flame:first-child{left:186px;height:140px;bottom:100px;-webkit-animation:fire 2.5s ease-in-out .6s infinite alternate;animation:fire 2.5s ease-in-out .6s infinite alternate}.fire__yellow .flame:nth-child(2){left:234px;height:172px;bottom:120px;-webkit-animation:fire 2.5s ease-in-out .4s infinite alternate;animation:fire 2.5s ease-in-out .4s infinite alternate}.fire__yellow .flame:nth-child(3){left:282px;height:240px;bottom:100px;-webkit-animation:fire 2.5s ease-in-out .38s infinite alternate;animation:fire 2.5s ease-in-out .38s infinite alternate}.fire__yellow .flame:nth-child(4){left:330px;height:200px;bottom:100px;-webkit-animation:fire 2.5s ease-in-out .22s infinite alternate;animation:fire 2.5s ease-in-out .22s infinite alternate}.fire__yellow .flame:nth-child(5){left:378px;height:142px;bottom:100px;-webkit-animation:fire 2.5s ease-in-out .18s infinite alternate;animation:fire 2.5s ease-in-out .18s infinite alternate}.fire__white .flame{width:48px;border-radius:48px;background:#fef1d9;box-shadow:0 0 80px 18px rgba(254,241,217,.4)}.fire__white .flame:first-child{left:156px;width:32px;height:100px;bottom:100px;-webkit-animation:fire 2.5s ease-in-out .22s infinite alternate;animation:fire 2.5s ease-in-out .22s infinite alternate}.fire__white .flame:nth-child(2){left:181px;width:32px;height:120px;bottom:100px;-webkit-animation:fire 2.5s ease-in-out .42s infinite alternate;animation:fire 2.5s ease-in-out .42s infinite alternate}.fire__white .flame:nth-child(3){left:234px;height:170px;bottom:100px;-webkit-animation:fire 2.5s ease-in-out .32s infinite alternate;animation:fire 2.5s ease-in-out .32s infinite alternate}.fire__white .flame:nth-child(4){left:282px;height:210px;bottom:100px;-webkit-animation:fire 2.5s ease-in-out .8s infinite alternate;animation:fire 2.5s ease-in-out .8s infinite alternate}.fire__white .flame:nth-child(5){left:330px;height:170px;bottom:100px;-webkit-animation:fire 2.5s ease-in-out .85s infinite alternate;animation:fire 2.5s ease-in-out .85s infinite alternate}.fire__white .flame:nth-child(6){left:378px;width:32px;height:110px;bottom:100px;-webkit-animation:fire 2.5s ease-in-out .64s infinite alternate;animation:fire 2.5s ease-in-out .64s infinite alternate}.fire__white .flame:nth-child(7){left:408px;width:32px;height:100px;bottom:100px;-webkit-animation:fire 2.5s ease-in-out .32s infinite alternate;animation:fire 2.5s ease-in-out .32s infinite alternate}.spark{position:absolute;width:6px;height:20px;background:#fef1d9;border-radius:18px;z-index:50;transform-origin:bottom center;transform:scaleY(0)}.spark:first-child{left:160px;bottom:212px;-webkit-animation:spark 1s linear .4s infinite;animation:spark 1s linear .4s infinite}.spark:nth-child(2){left:180px;bottom:240px;-webkit-animation:spark 1s linear 1s infinite;animation:spark 1s linear 1s infinite}.spark:nth-child(3){left:208px;bottom:320px;-webkit-animation:spark 1s linear .8s infinite;animation:spark 1s linear .8s infinite}.spark:nth-child(4){left:310px;bottom:400px;-webkit-animation:spark 1s linear 2s infinite;animation:spark 1s linear 2s infinite}.spark:nth-child(5){left:360px;bottom:380px;-webkit-animation:spark 1s linear .75s infinite;animation:spark 1s linear .75s infinite}.spark:nth-child(6){left:390px;bottom:320px;-webkit-animation:spark 1s linear .65s infinite;animation:spark 1s linear .65s infinite}.spark:nth-child(7){left:400px;bottom:280px;-webkit-animation:spark 1s linear 1s infinite;animation:spark 1s linear 1s infinite}.spark:nth-child(8){left:430px;bottom:210px;-webkit-animation:spark 1s linear 1.4s infinite;animation:spark 1s linear 1.4s infinite}.about{position:absolute;bottom:0;left:0;margin:20px;color:#fff;font-family:Nerko One,cursive}@-webkit-keyframes fire{0%{transform:scaleY(1)}28%{transform:scaleY(.7)}38%{transform:scaleY(.8)}50%{transform:scaleY(.6)}70%{transform:scaleY(.95)}82%{transform:scaleY(.58)}to{transform:scaleY(1)}}@keyframes fire{0%{transform:scaleY(1)}28%{transform:scaleY(.7)}38%{transform:scaleY(.8)}50%{transform:scaleY(.6)}70%{transform:scaleY(.95)}82%{transform:scaleY(.58)}to{transform:scaleY(1)}}@-webkit-keyframes spark{0%,35%{transform:scaleY(0) translateY(0);opacity:0}50%{transform:scaleY(1) translateY(0);opacity:1}70%{transform:scaleY(1) translateY(-10px);opacity:1}75%{transform:scaleY(1) translateY(-10px);opacity:0}to{transform:scaleY(0) translateY(0);opacity:0}}@keyframes spark{0%,35%{transform:scaleY(0) translateY(0);opacity:0}50%{transform:scaleY(1) translateY(0);opacity:1}70%{transform:scaleY(1) translateY(-10px);opacity:1}75%{transform:scaleY(1) translateY(-10px);opacity:0}to{transform:scaleY(0) translateY(0);opacity:0}}