#UI .progress-bar{width:12.5%}main{background-image:url(img/page-one/background.webp)}#grass-one{position:fixed;bottom:-80px;left:-60px;width:100vw;width:100svw;height:100vh;height:100svh;background-image:url(img/page-one/grass-one.webp);background-position:bottom;background-size:contain;background-repeat:no-repeat;animation:grass-one 10s ease-in-out 0s infinite normal forwards}@keyframes grass-one{0%,to{transform:translate(0);transform-origin:0% 75%}15%{transform:translate(-30px) rotate(-6deg)}30%{transform:translate(15px) rotate(6deg)}45%{transform:translate(-15px) rotate(-3.6deg)}60%{transform:translate(9px) rotate(2.4deg)}75%{transform:translate(-6px) rotate(-1.2deg)}}#grass-two{position:fixed;bottom:-50px;left:100px;width:100vw;width:100svw;height:100vh;height:100svh;background-image:url(img/page-one/grass-two.webp);background-position:bottom;background-size:contain;background-repeat:no-repeat;animation:grass-two 17s ease-in-out 0s infinite normal forwards}@keyframes grass-two{0%,to{transform:translate(0);transform-origin:50% 100%}15%{transform:translate(-30px) rotate(-3deg)}30%{transform:translate(15px) rotate(3deg)}45%{transform:translate(-15px) rotate(-1.6deg)}60%{transform:translate(9px) rotate(1.4deg)}75%{transform:translate(-6px) rotate(-.6deg)}}#mouse{width:100vw;height:100vh;animation:mouse 6s ease-in-out 0s infinite normal none}@keyframes mouse{0%{transform:translate(0)}20%{transform:translate(-4px,4px)}40%{transform:translate(-4px,-4px)}60%{transform:translate(4px,4px)}80%{transform:translate(4px,-4px)}to{transform:translate(0)}}#mouse #mouse-body{position:fixed;top:0;right:0;height:100vh}#mouse #mouse-tail{position:fixed;top:-20px;right:20px;height:100vh;animation:mouse-tail 4s ease-in 0s infinite normal none}@keyframes mouse-tail{0%,to{transform:translate(0);transform-origin:30% 90%}15%{transform:rotate(.6deg)}30%{transform:rotate(-.6deg)}45%{transform:rotate(.36deg)}60%{transform:rotate(-.24deg)}75%{transform:rotate(.12deg)}}#mouse #mouse-left-limb{position:fixed;top:0;right:0;height:100vh;animation:mouse-left-libmb 2s ease-out 0s infinite normal none}@keyframes mouse-left-libmb{0%,to{transform:rotate(0);transform-origin:76% 40%}15%{transform:rotate(6deg)}30%{transform:rotate(-6deg)}45%{transform:rotate(3.6deg)}60%{transform:rotate(-2.4deg)}75%{transform:rotate(1.2deg)}}#mouse #mouse-right-limb{position:fixed;top:0;right:0;height:100vh;animation:mouse-right-libmb 4s cubic-bezier(.22,1,.36,1) 0s infinite normal none}@keyframes mouse-right-libmb{0%,to{transform:rotate(0);transform-origin:79% 29%}15%{transform:rotate(3deg)}30%{transform:rotate(-4deg)}45%{transform:rotate(5deg)}60%{transform:rotate(-4deg)}75%{transform:rotate(2deg)}}#mouse #mouse-head__box{animation:mouse-head-box 3s ease-out 0s infinite normal none}#mouse #mouse-head__box #mouse-ear{position:fixed;top:0;right:0;height:100vh;animation:mouse-ear 6s cubic-bezier(.22,1,.36,1) 0s infinite normal none}@keyframes mouse-ear{0%,to{transform:rotate(0);transform-origin:70% 27%}15%{transform:rotate(.75deg)}30%{transform:rotate(-1deg)}45%{transform:rotate(1.25deg)}60%{transform:rotate(-1deg)}75%{transform:rotate(.5deg)}}#mouse #mouse-head__box #mouse-head{position:fixed;top:0;right:0;height:100vh}#mouse #mouse-head__box #mouse-nose{position:fixed;top:0;right:0;height:100vh;animation:mouse 4s cubic-bezier(.5,1,.89,1) 0s infinite normal none}@keyframes mouse{0%{transform:translate(0)}20%{transform:translateY(2px)}40%{transform:translateY(-2px)}60%{transform:translateY(2px)}80%{transform:translateY(-2px)}to{transform:translate(0)}}#mouse #mouse-head__box #mouseblink{display:none;position:fixed;top:0;right:0;height:100vh}#mouse #mouse-head__box #mouseblink:not(.show){display:block}@keyframes mouse-head-box{0%,to{transform:rotate(0);transform-origin:79.5% 22.5%}15%{transform:rotate(.33deg)}30%{transform:rotate(-.5deg)}45%{transform:rotate(.75deg)}60%{transform:rotate(-.5deg)}75%{transform:rotate(.25deg)}}#content{display:flex;align-items:center;justify-content:center;width:100vw;width:100svw;height:100vh;height:100svh;position:fixed;top:0;left:0}#content #heading{display:flex;width:598px;padding:48px;flex-direction:column;align-items:center;border-radius:2px;background:var(--bg, #fbfbfb);box-shadow:0 4px 32px #b1b1b140}#content #heading h1{color:var(--bk-text, #000);text-align:center;font-family:"PT Astra Serif";font-size:64px;font-style:italic;font-weight:400;line-height:100%;letter-spacing:-1px;margin:0}#content #heading p{color:var(--bk-text, #000);text-align:center;font-family:PT Astra Serif;font-size:24px;font-style:normal;font-weight:400;line-height:100%;margin:32px 0 0}@media only screen and (max-width: 720px){main{background-image:url(img/page-one/background-small.webp)}#grass-one{width:300vw;left:-300px;background-image:url(img/page-one/grass-one-small.webp)}#grass-two{left:-300px;width:300vw;background-image:url(img/page-one/grass-two-small.webp)}#mouse{margin:0 0 0 100px}#content #heading{width:214px;padding:24px}#content #heading h1{font-size:32px}#content #heading p{margin-top:16px;font-size:18px}}