#UI .progress-bar{width:100%}#background{position:fixed;bottom:0;left:0;width:100vw;width:100svw;height:100vh;height:100svh;object-fit:cover}#animation_container{position:fixed;bottom:0;left:0;width:100vw;width:100svw;height:100vh;height:100svh;object-fit:cover;animation:animationContainer 12s ease-in 0s infinite normal forwards}@keyframes animationContainer{0%,to{transform:translateY(0)}10%,30%,50%,70%{transform:translateY(-8px)}20%,40%,60%{transform:translateY(8px)}80%{transform:translateY(6.4px)}90%{transform:translateY(-6.4px)}}#mouse_container,#mouse{position:fixed;bottom:0;left:0;width:100vw;width:100svw;height:100vh;height:100svh;object-fit:cover}#rightLimb{position:fixed;bottom:-.25%;left:-.25%;width:100vw;width:100svw;height:100vh;height:100svh;object-fit:cover;animation:rightLimb 2s cubic-bezier(.32,0,.67,0) 0s infinite normal forwards}@keyframes rightLimb{0%,to{transform:translate(0);transform-origin:70% 50%}15%{transform:translate(-15px) rotate(-3deg)}30%{transform:translate(7.5px) rotate(3deg)}45%{transform:translate(-7.5px) rotate(-1.8deg)}60%{transform:translate(4.5px) rotate(1.2deg)}75%{transform:translate(-3px) rotate(-.6deg)}}#leftLimb{position:fixed;bottom:-.25%;left:.5%;width:100vw;width:100svw;height:100vh;height:100svh;object-fit:cover;animation:leftLimb 3s cubic-bezier(.32,0,.67,0) 0s infinite normal forwards}@keyframes leftLimb{0%,to{transform:translate(0);transform-origin:55% 50%}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)}}#head{position:fixed;bottom:0;left:0;width:100vw;width:100svw;height:100vh;height:100svh;object-fit:cover;animation:head 4s ease 0s infinite normal forwards}@keyframes head{0%{transform:translate(0)}10%{transform:translate(-1px,-1px)}20%{transform:translate(1px,-1px)}30%{transform:translate(-1px,1px)}40%{transform:translate(1px,1px)}50%{transform:translate(-1px,-1px)}60%{transform:translate(1px,-1px)}70%{transform:translate(-1px,1px)}80%{transform:translate(-1px,-1px)}90%{transform:translate(1px,-1px)}to{transform:translate(0)}}#blink{display:none;position:fixed;bottom:0;left:0;width:100vw;width:100svw;height:100vh;height:100svh;object-fit:cover}#blink:not(.show){display:block}#jar{position:fixed;bottom:0;left:0;width:100vw;width:100svw;height:100vh;height:100svh;object-fit:cover}#rightArm,#leftArm{position:fixed;bottom:0;left:0;width:100vw;width:100svw;height:100vh;height:100svh;transform:scale(1.0125);object-fit:cover}#article{display:flex;flex-direction:column;align-items:center;box-sizing:border-box;border-radius:2px;background-color:var(--white, #fff);z-index:10}#article p{color:var(--bk-text, #000);font-family:PT Astra Serif;line-height:120%}@media only screen and (min-width: 1281px){#article{position:fixed;left:192px;top:96px;width:592px;padding:32px}#article p{font-size:24px}}@media (min-width: 481px) and (max-width: 1280px){#background,#animation_container,#mouse_container{top:0;left:0;height:70vh;height:70svh}#mouse,#rightLimb{top:0;left:0;height:60vh;height:60svh}@keyframes rightLimb{0%,to{transform:translate(0);transform-origin:70% 50%}15%{transform:translate(-5px) rotate(-3deg)}30%{transform:translate(2.5px) rotate(3deg)}45%{transform:translate(-3.5px) rotate(-1.8deg)}60%{transform:translate(1.5px) rotate(1.2deg)}75%{transform:translate(-2px) rotate(-.6deg)}}#leftLimb{top:2px;left:3px;height:60vh;height:60svh}@keyframes leftLimb{0%,to{transform:translate(0);transform-origin:60% 60%}15%{transform:translate(-5px) rotate(-6deg)}30%{transform:translate(3px) rotate(6deg)}45%{transform:translate(-3px) rotate(-3.6deg)}60%{transform:translate(2px) rotate(2.4deg)}75%{transform:translate(-1px) rotate(-1.2deg)}}#head,#blink,#jar,#rightArm{top:0;left:0;height:60vh;height:60svh}#leftArm{top:-20px;left:0;height:60vh;height:60svh}#background-extender{position:fixed;bottom:-20vh;left:-10vw;width:120vw;z-index:5;height:54vh;background:linear-gradient(90deg,#9abb68 0%,#d17942 97.63%,#d27741 100%);filter:blur(12.5px);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}#article__wrapper{position:relative;padding-top:60vh;padding-top:60svh}#article__wrapper #article{margin:0 auto;width:80%;position:relative;padding:32px 32px 96px}#article__wrapper #article p{font-size:24px}#article__wrapper #article #photo-button img:active{transform:scale(2)}}@media (max-width: 480px){#background,#animation_container,#mouse_container{top:0;left:0;height:70vh;height:70svh}#mouse,#rightLimb{top:0;left:0;height:60vh;height:60svh}@keyframes rightLimb{0%,to{transform:translate(0);transform-origin:70% 50%}15%{transform:translate(-5px) rotate(-3deg)}30%{transform:translate(2.5px) rotate(3deg)}45%{transform:translate(-3.5px) rotate(-1.8deg)}60%{transform:translate(1.5px) rotate(1.2deg)}75%{transform:translate(-2px) rotate(-.6deg)}}#leftLimb{top:2px;left:3px;height:60vh;height:60svh}@keyframes leftLimb{0%,to{transform:translate(0);transform-origin:60% 60%}15%{transform:translate(-5px) rotate(-6deg)}30%{transform:translate(3px) rotate(6deg)}45%{transform:translate(-3px) rotate(-3.6deg)}60%{transform:translate(2px) rotate(2.4deg)}75%{transform:translate(-1px) rotate(-1.2deg)}}#head,#blink,#jar,#rightArm{top:0;left:0;height:60vh;height:60svh}#leftArm{top:-20px;left:0;height:60vh;height:60svh}#article__wrapper{position:relative;padding-top:60vh;padding-top:60svh}#article__wrapper #article{margin:0 auto;width:100%;box-sizing:border-box;position:relative;padding:24px 24px 96px}#article__wrapper #article p{font-size:18px}}@media only screen and (min-width: 1281px) and (max-width: 1600px){#article{left:5vw}}