@keyframes stageBackground{0%,10%,90%,to{background-color:#00b6bb}25%,75%{background-color:#0094bd}}@keyframes earthRotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes sunrise{0%,10%,90%,to{box-shadow:0 0 0 25px #5ad6bd,0 0 0 40px #4acead,0 0 0 60px #4acead99,0 0 0 90px #4acead4d}25%,75%{box-shadow:0 0 #5ad6bd,0 0 #4acead,0 0 #4acead99,0 0 #4acead4d}}@keyframes moonOrbit{25%{transform:rotate(-60deg)}50%{transform:rotate(-60deg)}75%{transform:rotate(-120deg)}0%,to{transform:rotate(-180deg)}}@keyframes nightTime{0%,90%{opacity:0}50%,75%{opacity:1}}@keyframes hotPan{0%,90%{background-color:#74667e}50%,75%{background-color:#b2241c}}@keyframes heat{0%,90%{box-shadow:inset 0 0 #ffffff4d}50%,75%{box-shadow:inset 0 -2px #fff}}@keyframes smoke{0%,50%,90%,to{opacity:0}50%,75%{opacity:.7}}@keyframes fire{0%,90%,to{opacity:0}50%,75%{opacity:1}}@keyframes treeShake{0%{transform:rotate(0)}25%{transform:rotate(-2deg)}40%{transform:rotate(4deg)}50%{transform:rotate(-4deg)}60%{transform:rotate(6deg)}75%{transform:rotate(-6deg)}to{transform:rotate(0)}}@keyframes fireParticles{0%{height:30%;opacity:1;top:75%}25%{height:25%;opacity:.8;top:40%}50%{height:15%;opacity:.6;top:20%}75%{height:10%;opacity:.3;top:0}to{opacity:0}}@keyframes fireLines{0%,25%,75%,to{bottom:0}50%{bottom:5%}}.scene{display:flex;margin:0 auto 80px;justify-content:center;align-items:flex-end;width:400px;height:300px;position:relative}.forest{display:flex;width:75%;height:90%;position:relative}.tree{display:block;width:50%;position:absolute;bottom:0;opacity:.4}.tree .branch{width:80%;height:0;margin:0 auto;padding-left:40%;padding-bottom:50%;overflow:hidden}.tree .branch:before{content:"";display:block;width:0;height:0;margin-left:-600px;border-left:600px solid transparent;border-right:600px solid transparent;border-bottom:950px solid #000}.tree .branch.branch-top{transform-origin:50% 100%;animation:treeShake .5s linear infinite}.tree .branch.branch-middle{width:90%;padding-left:45%;padding-bottom:65%;margin:-25% auto 0}.tree .branch.branch-bottom{width:100%;padding-left:50%;padding-bottom:80%;margin:-40% auto 0}.tree1{width:31%}.tree1 .branch-top{transition-delay:.3s}.tree2{width:39%;left:9%}.tree2 .branch-top{transition-delay:.4s}.tree3{width:32%;left:24%}.tree3 .branch-top{transition-delay:.5s}.tree4{width:37%;left:34%}.tree4 .branch-top{transition-delay:.6s}.tree5{width:44%;left:44%}.tree5 .branch-top{transition-delay:.7s}.tree6{width:34%;left:61%}.tree6 .branch-top{transition-delay:.2s}.tree7{width:24%;left:76%}.tree7 .branch-top{transition-delay:.1s}.tent{width:60%;height:25%;position:absolute;bottom:-.5%;right:15%;z-index:1;text-align:right}.roof{display:inline-block;width:45%;height:100%;margin-right:10%;position:relative;z-index:1;border-top:4px solid #4D4454;border-right:4px solid #4D4454;border-left:4px solid #4D4454;border-top-right-radius:6px;transform:skew(30deg);box-shadow:inset -3px 3px #f7b563;background:#f6d484}.roof:before{content:"";width:70%;height:70%;position:absolute;top:15%;left:15%;z-index:0;border-radius:10%;background-color:#e78c20}.roof:after{content:"";height:75%;width:100%;position:absolute;bottom:0;right:0;z-index:1;background:linear-gradient(to bottom,#e78c2066 0% 64%,#e78c20cc 65% 100%)}.roof-border-left{display:flex;justify-content:space-between;flex-direction:column;width:1%;height:125%;position:absolute;top:0;left:35.7%;z-index:1;transform-origin:50% 0%;transform:rotate(35deg)}.roof-border-left .roof-border{display:block;width:100%;border-radius:2px;border:2px solid #4D4454}.roof-border-left .roof-border1{height:40%}.roof-border-left .roof-border2{height:10%}.roof-border-left .roof-border3{height:40%}.door{width:55px;height:92px;position:absolute;bottom:2%;overflow:hidden;z-index:0;transform-origin:0 105%}.left-door{transform:rotate(35deg);position:absolute;left:13.5%;bottom:-3%;z-index:0}.left-door .left-door-inner{width:100%;height:100%;transform-origin:0 105%;transform:rotate(-35deg);position:absolute;top:0;overflow:hidden;background-color:#edddc2}.left-door .left-door-inner:before{content:"";width:15%;height:100%;position:absolute;top:0;right:0;background:repeating-linear-gradient(#d4bc8b,#d4bc8b 4%,#e0d2a8 5% 10%)}.left-door .left-door-inner:after{content:"";width:50%;height:100%;position:absolute;top:15%;left:10%;transform:rotate(25deg);background-color:#fff}.right-door{height:89px;right:21%;transform-origin:0 105%;transform:rotate(-30deg) scaleX(-1);position:absolute;bottom:-3%;z-index:0}.right-door .right-door-inner{width:100%;height:100%;transform-origin:0 120%;transform:rotate(-30deg);position:absolute;bottom:0;overflow:hidden;background-color:#efe7cf}.right-door .right-door-inner:before{content:"";width:50%;height:100%;position:absolute;top:15%;right:-28%;z-index:1;transform:rotate(15deg);background-color:#524a5a}.right-door .right-door-inner:after{content:"";width:50%;height:100%;position:absolute;top:15%;right:-20%;transform:rotate(20deg);background-color:#fff}.floor{width:80%;position:absolute;right:10%;bottom:0;z-index:1}.floor .ground{position:absolute;border-radius:2px;border:2px solid #4D4454}.floor .ground.ground1{width:65%;left:0}.floor .ground.ground2{width:30%;right:0}.fireplace{display:block;width:24%;height:20%;position:absolute;left:5%}.fireplace:before{content:"";display:block;width:8%;position:absolute;bottom:-4px;left:2%;border-radius:2px;border:2px solid #4D4454;background:#4d4454}.fireplace .support{display:block;height:105%;width:2px;position:absolute;bottom:-5%;left:10%;border:2px solid #4D4454}.fireplace .support:before{content:"";width:100%;height:15%;position:absolute;top:-18%;left:-4px;border-radius:2px;border:2px solid #4D4454;transform-origin:100% 100%;transform:rotate(45deg)}.fireplace .support:after{content:"";width:100%;height:15%;position:absolute;top:-18%;left:0;border-radius:2px;border:2px solid #4D4454;transform-origin:0 100%;transform:rotate(-45deg)}.fireplace .support:nth-child(1){left:85%}.fireplace .bar{width:100%;height:2px;border-radius:2px;border:2px solid #4D4454}.fireplace .hanger{display:block;width:2px;height:25%;margin-left:-4px;position:absolute;left:50%;border:2px solid #4D4454}.fireplace .pan{display:block;width:25%;height:50%;border-radius:50%;border:4px solid #4D4454;position:absolute;top:25%;left:35%;overflow:hidden;animation:heat 5s linear infinite}.fireplace .pan:before{content:"";display:block;height:53%;width:100%;position:absolute;bottom:0;z-index:-1;border-top:4px solid #4D4454;background-color:#74667e;animation:hotPan 5s linear infinite}.fireplace .smoke{display:block;width:20%;height:25%;position:absolute;top:25%;left:37%;background-color:#fff;filter:blur(5px);animation:smoke 5s linear infinite}.fireplace .fire{display:block;width:25%;height:120%;position:absolute;bottom:0;left:33%;z-index:1;animation:fire 5s linear infinite}.fireplace .fire:before{content:"";display:block;width:100%;height:2px;position:absolute;bottom:-4px;z-index:1;border-radius:2px;border:1px solid #efb54a;background-color:#efb54a}.fireplace .fire .line{display:block;width:2px;height:100%;position:absolute;bottom:0;animation:fireLines 1s linear infinite}.fireplace .fire .line2{left:50%;margin-left:-1px;animation-delay:.3s}.fireplace .fire .line3{right:0;animation-delay:.5s}.fireplace .fire .line .particle{height:10%;position:absolute;top:100%;z-index:1;border-radius:2px;border:2px solid #efb54a;animation:fireParticles .5s linear infinite}.fireplace .fire .line .particle1{animation-delay:.1s}.fireplace .fire .line .particle2{animation-delay:.3s}.fireplace .fire .line .particle3{animation-delay:.6s}.fireplace .fire .line .particle4{animation-delay:.9s}.time-wrapper{display:block;width:100%;height:100%;position:absolute;overflow:hidden}.time{display:block;width:100%;height:200%;position:absolute;transform-origin:50% 50%;transform:rotate(270deg);animation:earthRotation 5s linear infinite}.time .day{display:block;width:20px;height:20px;position:absolute;top:20%;left:40%;border-radius:50%;box-shadow:0 0 0 25px #5ad6bd,0 0 0 40px #4acead,0 0 0 60px #4acead99,0 0 0 90px #4acead4d;animation:sunrise 5s ease-in-out infinite;background-color:#ef9431}.time .night{animation:nightTime 5s ease-in-out infinite}.time .night .star{display:block;width:4px;height:4px;position:absolute;bottom:10%;border-radius:50%;background-color:#fff}.time .night .star-big{width:6px;height:6px}.time .night .star1{right:23%;bottom:25%}.time .night .star2{right:35%;bottom:18%}.time .night .star3{right:47%;bottom:25%}.time .night .star4{right:22%;bottom:20%}.time .night .star5{right:18%;bottom:30%}.time .night .star6{right:60%;bottom:20%}.time .night .star7{right:70%;bottom:23%}.time .night .moon{display:block;width:25px;height:25px;position:absolute;bottom:22%;right:33%;border-radius:50%;transform:rotate(-60deg);box-shadow:9px 9px 3px #fff;filter:blur(1px);animation:moonOrbit 5s ease-in-out infinite}.time .night .moon:before{content:"";display:block;width:100%;height:100%;position:absolute;bottom:-9px;left:9px;border-radius:50%;box-shadow:0 0 0 5px #ffffff0d,0 0 0 15px #ffffff0d,0 0 0 25px #ffffff0d,0 0 0 35px #ffffff0d;background-color:#fff3}.loading-state #navbar{display:none!important;visibility:hidden!important;opacity:0!important}