html,body{position:static;margin:0;padding:0;min-height:100vh}#doll{position:fixed;z-index:1;left:4vw;top:2vh;width:32vh}#pipes-tl{position:fixed;width:500px;margin:0}#pipes-tr{position:fixed;width:750px;left:calc(100vw - 750px);margin:0}#pipes-bl{position:fixed;top:calc(100vh - 500px);margin:0;height:500px}#pipes-b{position:fixed;top:calc(100vh - 500px);left:70vw;margin:0;height:500px}.pipes{opacity:1}#scroll-bar{position:fixed;width:40px;height:40px;left:calc(100vw - 40px);top:0}#scroll-track{position:fixed;border:none;height:100vh;width:30px}#scroll-knob{position:relative;left:-10px}.page-button{display:flex;flex-direction:row;align-items:center;gap:calc(20px + 2vw);background:transparent;border:none;font-family:Franklin Gothic Medium,serif;font-size:xx-large;width:250px;height:75px}#all-button-container{position:fixed;justify-content:space-between;border:none;width:250px;height:400px;left:calc(60px + 3vw);top:38vh;display:flex;flex-direction:column}.light{position:relative;border:none;width:40px;height:40px}#background{position:fixed;z-index:-1}#grunt-anim{position:relative;width:250px;height:250px;background-image:url(images/grunt_sheet.png);background-repeat:no-repeat;animation:play .5s steps(3) infinite}@keyframes play{0%{background-position:-500px}to{background-position:250px}}#grunt-box{position:static;display:flex;flex-direction:column;width:100%;height:100vh;justify-content:center;align-items:center}#content-zone{display:flex;position:absolute;align-items:start;justify-content:start;flex-direction:column;top:0vh;left:25vw;width:60vw;min-height:100vh;pointer-events:none}.title-box{display:flex;position:static;border:none;padding:10vh 0px 8vh;width:60vw;height:10vh;flex-direction:column;align-items:center;justify-content:space-evenly}.page-header{font-size:xx-large}.page-subtitle{font-size:medium}