@charset "UTF-8";@import url(https://fonts.googleapis.com/css?family=Signika&display=swap);body{font-family:Signika,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{justify-content:center;text-align:center;height:100vh;background:#eeaeca;background:radial-gradient(circle,#eeaeca 0,#94bbe9 100%)}.App,.Weather{display:flex;align-items:center}.Weather{justify-content:space-around;height:80%;width:80%;align-self:center;background:radial-gradient(circle,#eeaeca 0,rgba(148,187,233,0) 100%);box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.1);z-index:5}.Weather-Input{display:flex;flex-direction:column;margin-left:200px;justify-content:center;align-items:center}.Weather-Input input{margin-bottom:1rem;text-align:center}.Weather-Input button,.Weather-Input input{height:40px;border-radius:20px;outline:none;border:none;box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.1);width:300px;font-size:20px}.Weather-Input button{cursor:pointer;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out}.Weather-Input button:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.Weather-Details{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:auto}.Weather-Change button{height:30px;border-radius:20px;outline:none;border:none;cursor:pointer;margin:7px;box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.1);width:250px;font-size:15px;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out}.Weather-Change button:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.em-dog{font-size:5rem;margin:1rem;border-radius:50%;-webkit-transition:-webkit-transform .8s ease-in-out;transition:-webkit-transform .8s ease-in-out;transition:transform .8s ease-in-out;transition:transform .8s ease-in-out,-webkit-transform .8s ease-in-out;box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.1)}.em-dog:hover{-webkit-transform:rotate(1turn);transform:rotate(1turn)}.Weather-Title{padding:1em;margin:1em;width:30em;background:#fff;box-shadow:0 19px 38px rgba(0,0,0,.3),0 15px 12px rgba(0,0,0,.1);border-radius:20px;-webkit-transition:.5s ease-in-out;transition:.5s ease-in-out}.Weather-Title:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}p{font-size:1.2rem}body{background:#00b4ff;color:#333;font:100% Arial,Sans Serif;height:100vh;margin:0;padding:0;overflow-x:hidden}#background-wrap{bottom:0;left:0;padding-top:50px;position:fixed;right:0;top:0;z-index:-1}@-webkit-keyframes animateCloud{0%{margin-left:-1000px}to{margin-left:100%}}@keyframes animateCloud{0%{margin-left:-1000px}to{margin-left:100%}}.x1{-webkit-animation:animateCloud 35s linear infinite;animation:animateCloud 35s linear infinite;-webkit-transform:scale(.65);transform:scale(.65)}.x2{-webkit-animation:animateCloud 20s linear infinite;animation:animateCloud 20s linear infinite;-webkit-transform:scale(.3);transform:scale(.3)}.x3{-webkit-animation:animateCloud 30s linear infinite;animation:animateCloud 30s linear infinite;-webkit-transform:scale(.5);transform:scale(.5)}.x4{-webkit-animation:animateCloud 18s linear infinite;animation:animateCloud 18s linear infinite;-webkit-transform:scale(.4);transform:scale(.4)}.x5{-webkit-animation:animateCloud 25s linear infinite;animation:animateCloud 25s linear infinite;-webkit-transform:scale(.55);transform:scale(.55)}.cloud{background:#fff;background:-webkit-gradient(linear,left top,left bottom,color-stop(5%,#fff),to(#f1f1f1));background:linear-gradient(top,#fff 5%,#f1f1f1);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#fff",endColorstr="#f1f1f1",GradientType=0);border-radius:100px;box-shadow:0 8px 5px rgba(0,0,0,.1);height:120px;position:relative;width:350px}.cloud:after,.cloud:before{background:#fff;content:"";position:absolute;z-indeX:-1}.cloud:after{border-radius:100px;height:100px;left:50px;top:-50px;width:100px}.cloud:before{border-radius:200px;width:180px;height:180px;right:50px;top:-90px}.weather-container{display:flex}.weather-box{top:8%;width:400px;position:absolute;border-radius:20px;display:flex;align-items:center;justify-content:start}#weatherdescboxes{display:flex;background-color:#fff}#weatherdesc{height:100px;background-color:transparent;font-size:4.5em;font-weight:400;width:50%;margin-top:15px;padding-left:30px}#weatherdesc p{margin-left:30px}#weatherdesc2{height:100px;font-size:.9em;background-color:transparent;width:50%;margin-top:5%;border:0 solid red;border-left:1px solid}p{margin-top:0;margin-left:20px}#datedesc{color:#505050;font-size:1.1em}#datedesc,.weathmore:nth-child(2){font-weight:700}.weathmore{padding-top:0;margin-bottom:0}#sun{left:25%;position:relative;height:200px;width:200px;border-radius:50%;margin:50px;background-color:#ffca00;box-shadow:0 0 0 3px #fee990,0 0 50px #ffca00,0 0 50px orange;animation:sunshine 4s linear infinite alternate-reverse;z-index:-1}@-webkit-keyframes sunshine{0%{box-shadow:none}}@keyframes sunshine{0%{box-shadow:none}}#cloudcontainer{z-index:1;position:absolute;top:45%;right:120px;-webkit-animation:cloudfloating 12s ease-in-out infinite alternate;animation:cloudfloating 12s ease-in-out infinite alternate}@-webkit-keyframes cloudfloating{0%{left:30%}25%{left:20%}50%{left:25%}75%{left:20%}to{left:30%}}@keyframes cloudfloating{0%{left:30%}25%{left:20%}50%{left:25%}75%{left:20%}to{left:30%}}#cloudmain{position:relative;width:160px;height:80px;border-radius:50%;background:#e9e9e9;opacity:1%}#cloud2{top:-15px;left:80px;width:50px;height:70px}#cloud2,#cloud3{position:absolute;background:#e9e9e9;border-radius:50%}#cloud3{top:-20px;left:30px;width:65px;height:90px}.container{display:flex;width:500px;height:500px;position:absolute;top:30%;left:30%;margin-top:-250px;margin-left:-250px}#cloud{width:175px;height:60px;background:#f2f9fe;background:-webkit-gradient(linear,left top,left bottom,color-stop(5%,#f2f9fe),to(#d6f0fd));background:linear-gradient(top,#f2f9fe 5%,#d6f0fd);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#f2f9fe",endColorstr="#d6f0fd",GradientType=0);position:relative;margin:120px auto 20px;border-radius:50px;-webkit-animation:mover 3.5s infinite alternate;animation:mover 3.5s infinite alternate}#cloud:after,div#cloud:before{content:"";position:absolute;z-indeX:-1;background:#f2f9fe}#cloud:after{width:50px;height:50px;border-radius:50px;top:-25px;left:25px}#cloud:before{width:90px;height:90px;border-radius:100px;top:-45px;right:25px}.shadow{width:175px;bottom:-80px;background:#000;z-index:-1;border-radius:50%;box-shadow:0 0 25px 8px rgba(0,0,0,.4)}.rain,.shadow{position:absolute}.rain{height:80%;width:100%;color:#026}.drop{position:absolute;background:-webkit-gradient(linear,left top,left bottom,from(#000),to(#fff));background:linear-gradient(#000,#fff);opacity:1;top:25px}.d1{left:97%;-webkit-animation:fall .94s linear .69s infinite;animation:fall .94s linear .69s infinite}.d1,.d2{width:1%;height:5%}.d2{left:18%;-webkit-animation:fall .98s linear .57s infinite;animation:fall .98s linear .57s infinite}.d3{left:38%;-webkit-animation:fall .66s linear .6s infinite;animation:fall .66s linear .6s infinite}.d3,.d4{width:1%;height:5%}.d4{left:64%;-webkit-animation:fall .69s linear .76s infinite;animation:fall .69s linear .76s infinite}.d5{left:95%;-webkit-animation:fall .75s linear .56s infinite;animation:fall .75s linear .56s infinite}.d5,.d6{width:1%;height:5%}.d6{left:65%;-webkit-animation:fall .75s linear .92s infinite;animation:fall .75s linear .92s infinite}.d7{left:19%;-webkit-animation:fall .92s linear .72s infinite;animation:fall .92s linear .72s infinite}.d7,.d8{width:1%;height:5%}.d8{left:55%;-webkit-animation:fall .84s linear .99s infinite;animation:fall .84s linear .99s infinite}.d9{left:35%;-webkit-animation:fall .79s linear .53s infinite;animation:fall .79s linear .53s infinite}.d9,.d10{width:1%;height:5%}.d10{left:83%;-webkit-animation:fall .82s linear .97s infinite;animation:fall .82s linear .97s infinite}.d11{left:8%;-webkit-animation:fall .75s linear .56s infinite;animation:fall .75s linear .56s infinite}.d11,.d12{width:1%;height:5%}.d12{left:1%;-webkit-animation:fall .6s linear .59s infinite;animation:fall .6s linear .59s infinite}.d13{-webkit-animation:fall .5s linear .5s infinite;animation:fall .5s linear .5s infinite}.d13,.d14{left:13%;width:1%;height:5%}.d14{-webkit-animation:fall .8s linear .63s infinite;animation:fall .8s linear .63s infinite}.d15{left:13%;width:1%;height:5%;-webkit-animation:fall .68s linear .75s infinite;animation:fall .68s linear .75s infinite}@-webkit-keyframes fall{to{margin-top:150px;opacity:0}}@keyframes fall{to{margin-top:150px;opacity:0}}@-webkit-keyframes mover{0%{-webkit-transform:translateY(1rem);transform:translateY(1rem)}to{-webkit-transform:translateY(2.6rem);transform:translateY(2.6rem)}}:root{--color-fur:#ffb141;--color-fur-dark:#f5832c;--color-spot:#f9584c;--color-snout:#544258;--color-collar:#3eab6c;--duration:.7s;--semi-duration:calc(var(--duration)/2);--easing:cubic-bezier(.5,0,.5,1);--stagger:calc(-1*var(--semi-duration)/2)}*,:after,:before{-webkit-animation-timing-function:cubic-bezier(.5,0,.5,1)!important;-webkit-animation-timing-function:var(--easing)!important;animation-timing-function:cubic-bezier(.5,0,.5,1)!important;animation-timing-function:var(--easing)!important}[class=🐕]{z-index:1;height:300px;width:300px;display:flex;justify-content:center;align-items:center;margin:auto}[class=🐕] *{position:absolute;will-change:transform}[class=🐕]:before{content:"";position:absolute;bottom:13.3333333333%;left:0;width:100%;height:3.3333333333%;background-color:#d3d1d1;border-radius:2px;-webkit-animation:shadow .35s infinite;-webkit-animation:shadow calc(1*var(--semi-duration)) infinite;animation:shadow .35s infinite;animation:shadow calc(1*var(--semi-duration)) infinite}@-webkit-keyframes shadow{0%,to{-webkit-transform:scaleX(.75);transform:scaleX(.75)}45%,55%{-webkit-transform:scaleX(.5);transform:scaleX(.5)}}@keyframes shadow{0%,to{-webkit-transform:scaleX(.75);transform:scaleX(.75)}45%,55%{-webkit-transform:scaleX(.5);transform:scaleX(.5)}}.neck{width:50%;height:100px;right:-5px;bottom:calc(100% - 10px);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-transform:rotate(15deg);transform:rotate(15deg);z-index:2}.neck>.fur{border-bottom-left-radius:10px;height:100%;width:100%}.neck>.fur:before{content:"";position:absolute;top:0;right:0;height:50px;width:100%;background-color:#f5832c;background-color:var(--color-fur-dark);z-index:1;-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(15deg);transform:rotate(15deg)}.collar{width:calc(100% + 10px);height:15%;background-color:#3eab6c;background-color:var(--color-collar);left:-5px;bottom:30px;border-radius:5px;-webkit-animation:collar .35s .0875s infinite;-webkit-animation:collar var(--semi-duration) calc(var(--semi-duration)/4) infinite;animation:collar .35s .0875s infinite;animation:collar var(--semi-duration) calc(var(--semi-duration)/4) infinite;z-index:2}@-webkit-keyframes collar{0%,to{-webkit-transform:none;transform:none}50%{-webkit-transform:translateY(-25%);transform:translateY(-25%)}}@keyframes collar{0%,to{-webkit-transform:none;transform:none}50%{-webkit-transform:translateY(-25%);transform:translateY(-25%)}}.collar:after{content:"";width:18%;height:120%;border-radius:50%;background:#544258;background:var(--color-snout);position:absolute;right:0;top:110%;-webkit-transform-origin:center top;transform-origin:center top;-webkit-animation:tag .35s infinite both;-webkit-animation:tag var(--semi-duration) infinite both;animation:tag .35s infinite both;animation:tag var(--semi-duration) infinite both}@-webkit-keyframes tag{0%,to{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}50%{-webkit-transform:rotate(-15deg) scaleY(1.5);transform:rotate(-15deg) scaleY(1.5)}}@keyframes tag{0%,to{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}50%{-webkit-transform:rotate(-15deg) scaleY(1.5);transform:rotate(-15deg) scaleY(1.5)}}.head{height:80%;width:145%;left:-2%;bottom:50%;-webkit-transform-origin:left center;transform-origin:left center;z-index:2;-webkit-animation:head .35s .0875s infinite;-webkit-animation:head var(--semi-duration) calc(var(--semi-duration)/4) infinite;animation:head .35s .0875s infinite;animation:head var(--semi-duration) calc(var(--semi-duration)/4) infinite}@-webkit-keyframes head{0%,to{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}50%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}}@keyframes head{0%,to{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}50%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}}.head>.fur{height:100%;width:100%;border-bottom-right-radius:80px}.head>.fur:before{content:"";position:absolute;top:-80%;left:-30%;width:100%;height:0;padding-top:100%;background-color:#f9584c;background-color:var(--color-spot);z-index:1;border-radius:50%}.snout{--color:var(--color-snout);width:25%;height:0;padding-top:25%;background-color:var(--color);top:0;right:-5px;border-bottom-left-radius:100%;z-index:1}.ears{bottom:40%;width:30%;z-index:-1}.ear,.ears{height:100%;left:0}.ear{--color:var(--color-spot);width:100%;bottom:0;-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-10deg);transform:rotate(-10deg);-webkit-animation:ear-front .35s infinite;-webkit-animation:ear-front calc(var(--duration)/2) infinite;animation:ear-front .35s infinite;animation:ear-front calc(var(--duration)/2) infinite}@-webkit-keyframes ear-front{50%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}}@keyframes ear-front{50%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}}.ear:before{content:"";position:absolute;height:25px;width:15px;z-index:2;top:-2px;right:-7px;border-top-left-radius:100%;border:2px solid transparent;border-left-color:#544258;border-left:2px solid var(--color-snout);-webkit-transform-origin:bottom left;transform-origin:bottom left;-webkit-animation:ear-mark .35s -.35s infinite;-webkit-animation:ear-mark var(--semi-duration) calc(-1*var(--semi-duration)) infinite;animation:ear-mark .35s -.35s infinite;animation:ear-mark var(--semi-duration) calc(-1*var(--semi-duration)) infinite}@-webkit-keyframes ear-mark{0%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(25deg);transform:rotate(25deg)}}@keyframes ear-mark{0%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(25deg);transform:rotate(25deg)}}.ear>.fur{border-top-left-radius:100%;height:100%;width:100%}.ear:nth-child(2){left:15px;bottom:5px;-webkit-transform:rotate(-5deg);transform:rotate(-5deg);--color:var(--color-fur);z-index:-1;-webkit-animation:ear-back .35s infinite both;-webkit-animation:ear-back calc(var(--duration)/2) infinite both;animation:ear-back .35s infinite both;animation:ear-back calc(var(--duration)/2) infinite both}@-webkit-keyframes ear-back{0%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}}@keyframes ear-back{0%,to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}}.eye{--size:6%;--color:var(--color-snout);width:var(--size);height:0;padding:var(--size);left:35%;top:20%;border-radius:50%;background-color:var(--color);z-index:1}.eye:before{top:0;left:0;border-radius:50%;background-color:var(--color);z-index:1}.eye:after,.eye:before{content:"";position:absolute;width:100%;height:100%}.eye:after{left:-50%;top:-50%;border-top-left-radius:100%;border-bottom-color:#f9584c;border-right-color:#f9584c;border-color:var(--color) var(--color-spot) var(--color-spot) var(--color);border-style:solid;border-width:2px;-webkit-transform:scale(1.25);transform:scale(1.25);z-index:0}.torso{width:56.6666666667%;height:33.3333333333%;-webkit-animation:torso .35s infinite both;-webkit-animation:torso var(--semi-duration) both infinite;animation:torso .35s infinite both;animation:torso var(--semi-duration) both infinite}@-webkit-keyframes torso{0%,to{-webkit-transform:none;transform:none}50%{-webkit-transform:translateY(15%);transform:translateY(15%)}}@keyframes torso{0%,to{-webkit-transform:none;transform:none}50%{-webkit-transform:translateY(15%);transform:translateY(15%)}}.torso>.fur{height:100%;width:185px;border-top-left-radius:40px;-webkit-transform-origin:left center;transform-origin:left center;-webkit-transform:rotate(-20deg) translateY(10px);transform:rotate(-20deg) translateY(10px);z-index:1}.torso>.fur:after{height:100%;width:100%;border-bottom-left-radius:200px 85px;border-bottom-right-radius:100px}.torso>.legs{position:absolute;top:0;left:0;width:100%;height:100%}.torso .spot{width:120px;height:120px;bottom:40px;left:-20px;border-radius:50%;background-color:#f9584c;background-color:var(--color-spot);z-index:1;-webkit-animation:spot .7s -.35s infinite both;-webkit-animation:spot var(--duration) calc(-1*var(--semi-duration)) both infinite;animation:spot .7s -.35s infinite both;animation:spot var(--duration) calc(-1*var(--semi-duration)) both infinite}@-webkit-keyframes spot{0%,66%,to{-webkit-transform:none;transform:none}33%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes spot{0%,66%,to{-webkit-transform:none;transform:none}33%{-webkit-transform:translateX(10px);transform:translateX(10px)}}.torso .spot:after{content:"";height:20px;width:20px;border-radius:50%;background-color:inherit;position:absolute;bottom:-10px;right:5px}.torso>.tail{--color:var(--color-spot);bottom:calc(100% - 15px);left:0;-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.tail{height:15px;width:20px;background-color:var(--color);border-top-right-radius:10px 100%;border-top-left-radius:10px 100%;-webkit-animation:tail .35s infinite;-webkit-animation:tail var(--semi-duration) infinite;animation:tail .35s infinite;animation:tail var(--semi-duration) infinite}@-webkit-keyframes tail{0%,to{-webkit-transform:rotate(-45deg) translateX(-15%);transform:rotate(-45deg) translateX(-15%)}50%{-webkit-transform:rotate(-25deg) translateX(15%);transform:rotate(-25deg) translateX(15%)}}@keyframes tail{0%,to{-webkit-transform:rotate(-45deg) translateX(-15%);transform:rotate(-45deg) translateX(-15%)}50%{-webkit-transform:rotate(-25deg) translateX(15%);transform:rotate(-25deg) translateX(15%)}}.tail>.tail{bottom:90%;-webkit-transform-origin:bottom left;transform-origin:bottom left;-webkit-transform:rotate(-10deg) translateY(50%) scaleX(.8) scaleY(.9);transform:rotate(-10deg) translateY(50%) scaleX(.8) scaleY(.9);-webkit-animation:tail-inner .35s -.175s infinite;-webkit-animation:tail-inner var(--semi-duration) var(--stagger) infinite;animation:tail-inner .35s -.175s infinite;animation:tail-inner var(--semi-duration) var(--stagger) infinite}@-webkit-keyframes tail-inner{0%,to{-webkit-transform:rotate(-10deg) translateY(50%) scaleX(.8) scaleY(.9);transform:rotate(-10deg) translateY(50%) scaleX(.8) scaleY(.9)}50%{-webkit-transform:rotate(5deg) translateY(50%) scaleX(.8) scaleY(.9);transform:rotate(5deg) translateY(50%) scaleX(.8) scaleY(.9)}}@keyframes tail-inner{0%,to{-webkit-transform:rotate(-10deg) translateY(50%) scaleX(.8) scaleY(.9);transform:rotate(-10deg) translateY(50%) scaleX(.8) scaleY(.9)}50%{-webkit-transform:rotate(5deg) translateY(50%) scaleX(.8) scaleY(.9);transform:rotate(5deg) translateY(50%) scaleX(.8) scaleY(.9)}}.legs>.leg{bottom:5px;--color:var(--color-fur)}.legs .leg:nth-child(3),.legs>.leg:first-child{right:15px}.legs>.leg:nth-child(3),.legs>.leg:nth-child(4){--color:var(--color-fur-dark);z-index:-1}.legs .leg:nth-child(4),.legs>.leg:first-child{--delay:0s}.legs>.leg:nth-child(2),.legs>.leg:nth-child(3){--delay:calc(-1*var(--duration)/2)}.legs>.leg:nth-child(2),.legs>.leg:nth-child(4){left:0}.leg{position:absolute;height:65px;width:45px;background-color:var(--color);-webkit-transform-origin:center 5px;transform-origin:center 5px;-webkit-animation:leg .7s 0s infinite;-webkit-animation:leg infinite var(--duration) var(--delay,0s);animation:leg .7s 0s infinite;animation:leg infinite var(--duration) var(--delay,0s)}.leg>.leg-inner{-webkit-animation:leg-inner infinite .7s var(--delay);-webkit-animation:leg-inner infinite var(--duration) var(--delay);animation:leg-inner infinite .7s var(--delay);animation:leg-inner infinite var(--duration) var(--delay);-webkit-transform:rotate(90deg);transform:rotate(90deg)}@-webkit-keyframes leg-inner{0%,to{-webkit-transform:none;transform:none}33%{-webkit-transform:rotate(70deg);transform:rotate(70deg)}76%{-webkit-transform:none;transform:none}}@keyframes leg-inner{0%,to{-webkit-transform:none;transform:none}33%{-webkit-transform:rotate(70deg);transform:rotate(70deg)}76%{-webkit-transform:none;transform:none}}@-webkit-keyframes leg{0%,to{-webkit-transform:none;transform:none}33%{-webkit-transform:rotate(-55deg);transform:rotate(-55deg)}66%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}}@keyframes leg{0%,to{-webkit-transform:none;transform:none}33%{-webkit-transform:rotate(-55deg);transform:rotate(-55deg)}66%{-webkit-transform:rotate(-20deg);transform:rotate(-20deg)}}.leg>.fur{width:144.4444444444%;height:100%}.leg>.fur:after{width:45px;bottom:0;top:auto;-webkit-transform:rotate(15deg);transform:rotate(15deg)}.fur{position:absolute;overflow:hidden}.fur:after{content:"";height:150%;top:0;left:0;background-color:var(--color-fur);background-color:var(--color,var(--color-fur));-webkit-transform-origin:center bottom;transform-origin:center bottom}.fur:after,.leg-inner{position:absolute;width:100%}.leg-inner{height:65%;top:100%;-webkit-transform-origin:center top;transform-origin:center top}.leg-inner:before{content:"";width:45px;height:45px;background-color:var(--color);position:absolute;border-radius:50%;top:-22.5px}.leg-inner>.fur{height:100%;overflow:hidden}.leg-inner>.fur,.leg-inner>.fur:after{width:100%;position:absolute;top:0;left:0}.leg-inner>.fur:after{content:"";height:150%;background-color:var(--color);-webkit-transform-origin:center top;transform-origin:center top;-webkit-transform:rotate(15deg);transform:rotate(15deg)}body,html{width:100%;height:100%;margin:0;padding:0;background-color:#e3e3e3}*,:after,:before{box-sizing:border-box;position:relative}
/*# sourceMappingURL=main.dfb9963b.chunk.css.map */