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