-
Notifications
You must be signed in to change notification settings - Fork 0
/
main.f4feae19.css
2 lines (2 loc) · 5.56 KB
/
main.f4feae19.css
1
2
body{margin:0;padding:0;font-family:sans-serif;overflow:hidden}#root,.App,body{height:100vh}.App{text-align:center}.App-logo{-webkit-animation:App-logo-spin infinite 20s linear;animation:App-logo-spin infinite 20s linear;height:80px}.App-header{background-color:#222;height:150px;padding:20px;color:#fff}.App-title{font-size:1.5em}.App-intro{font-size:large}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.scene-background{width:100%;height:100%;background-color:green}.sky{background-color:#add8e6;height:80vh}@font-face{font-family:cloud-font;src:url(/static/media/AlphaSmoke.454edc70.TTF) format("truetype")}.cloud-text{font-family:cloud-font;font-size:3.5em;font-weight:500;color:#fff;padding-top:5vh;padding-left:10px;padding-right:10px}@-webkit-keyframes passby{0%{-webkit-transform:translateX(100vw);transform:translateX(100vw)}to{-webkit-transform:translateX(-100vw);transform:translateX(-100vw)}}@keyframes passby{0%{-webkit-transform:translateX(100vw);transform:translateX(100vw)}to{-webkit-transform:translateX(-100vw);transform:translateX(-100vw)}}.passby{-webkit-animation-name:passby;animation-name:passby;-webkit-animation-duration:10s;animation-duration:10s;-webkit-animation-timing-function:linear;animation-timing-function:linear}.repeat{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.speed-8{-webkit-animation-duration:8s;animation-duration:8s}.delay-2000{-webkit-animation-delay:2s;animation-delay:2s}.person-frame{position:absolute;left:40vw;bottom:20vh}.person-frame.girl{left:calc(40vw + 50px)}.person-frame>.head{width:30px;height:30px;border-radius:100%;background-color:#faebd7;margin:0 auto}.head>.hair{width:30px;height:13px;background-color:#000;border-top-left-radius:30px;border-top-right-radius:30px;-webkit-transform:rotate(-30deg);-ms-transform:rotate(-30deg);transform:rotate(-30deg);-webkit-transform-origin:15px 15px;-ms-transform-origin:15px 15px;transform-origin:15px 15px}.ponytail{width:10px;height:9px;border-radius:100%;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);top:-3px;left:-2px}.ponytail,.ponytail>.hanging{background-color:#000;position:absolute}.ponytail>.hanging{width:5px;height:40px;left:8px;top:2px;-webkit-transform:rotate(-35deg);-ms-transform:rotate(-35deg);transform:rotate(-35deg);border-top-left-radius:100px;border-bottom-right-radius:100px}.person-frame>.body{width:25px;height:50px;background-color:pink;margin:0 auto;border-radius:6px}.person-frame.jumping{-webkit-animation:jumping infinite 1s alternate ease-in;animation:jumping infinite 1s alternate ease-in}@-webkit-keyframes jumping{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes jumping{0%{-webkit-transform:translateY(0);transform:translateY(0)}to{-webkit-transform:translateY(-20px);transform:translateY(-20px)}}.person-frame.girl.jumping{-webkit-animation-delay:.5s;animation-delay:.5s}.girl>.body{height:46px;width:22px;background-color:peru}@-webkit-keyframes girl-entering{0%{-webkit-transform:rotateY(180deg) translateX(-50vw);transform:rotateY(180deg) translateX(-50vw)}to{-webkit-transform:rotateY(180deg) translateX(0);transform:rotateY(180deg) translateX(0)}}@keyframes girl-entering{0%{-webkit-transform:rotateY(180deg) translateX(-50vw);transform:rotateY(180deg) translateX(-50vw)}to{-webkit-transform:rotateY(180deg) translateX(0);transform:rotateY(180deg) translateX(0)}}.girl.entering{-webkit-animation-name:girl-entering;animation-name:girl-entering;-webkit-animation-duration:3s;animation-duration:3s}.girl.facing{-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}.legs>.leg,.person-frame>.legs{height:30px}.legs>.leg{position:absolute;left:calc(50% - 7px);width:15px;background-color:#20b2aa;border-radius:6px;-webkit-animation:leg-rotate infinite .5s linear alternate;animation:leg-rotate infinite .5s linear alternate;-webkit-transform-origin:top;-ms-transform-origin:top;transform-origin:top}.girl>.legs>.leg{background-color:#556b2f;width:13px;left:calc(50% - 6px)}.arm.reverse,.leg.reverse{-webkit-animation-direction:alternate-reverse;animation-direction:alternate-reverse}@-webkit-keyframes leg-rotate{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}to{-webkit-transform:rotate(15deg);transform:rotate(15deg)}}@keyframes leg-rotate{0%{-webkit-transform:rotate(-15deg);transform:rotate(-15deg)}to{-webkit-transform:rotate(15deg);transform:rotate(15deg)}}.person-frame>.arm{position:absolute;left:calc(50% - 6px);top:35%;width:12px;height:32px;background-color:#faebd7;border-radius:6px;-webkit-animation:arm-rotate infinite .5s linear alternate;animation:arm-rotate infinite .5s linear alternate;-webkit-transform-origin:top;-ms-transform-origin:top;transform-origin:top}.girl>.arm.holding{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.boy>.arm.holding,.girl>.arm.holding{-webkit-animation-iteration-count:0;animation-iteration-count:0}.boy>.arm.holding{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}@-webkit-keyframes arm-rotate{0%{-webkit-transform:rotate(30deg);transform:rotate(30deg)}to{-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}}@keyframes arm-rotate{0%{-webkit-transform:rotate(30deg);transform:rotate(30deg)}to{-webkit-transform:rotate(-30deg);transform:rotate(-30deg)}}
/*# sourceMappingURL=main.f4feae19.css.map*/