html,body,#root{position:fixed;top:0;left:0;width:100%;height:100%;background:ivory}.interface{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;font-family:Bebas Neue,cursive}.livesContainer{position:absolute;top:10%;left:5%;display:flex;gap:5px}.livesContainer>img{height:40px}.time{position:absolute;top:0%;left:0;width:100%;color:#fff;font-size:6vh;padding-top:5px;display:flex;justify-content:space-between}.time>p{line-height:0;padding-left:5%;padding-right:4%}.restart{display:flex;justify-content:center;flex-direction:column;align-items:center;position:absolute;height:100vh;top:0;left:0;width:100%;color:#fff;font-size:80px;padding-top:10px;pointer-events:auto;cursor:pointer;background:#0003}.restart :first-child:hover{color:gold}.restart>p:hover{color:red}.submit-highscore{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:5px}.submit-highscore>input{font-family:Bebas Neue,cursive;height:50px;width:300px;text-align:center;font-size:xx-large;border-radius:8px;border:none}.submit-highscore>:first-child:hover{color:#000}.submit-highscore>:last-child:hover{color:#000;cursor:pointer}.submit-highscore>button{font-family:Bebas Neue,cursive;height:40px;width:300px;border-radius:8px;border:none;font-size:x-large}.controls{position:absolute;bottom:10%;left:-40%;width:100%}.controls .raw{display:flex;justify-content:center}.controls .key{width:40px;height:40px;margin:4px;border:2px solid #ffffff;background:#fff4}.controls .key.large{width:144px}.controls .key.active{background:#fff9}.level{position:absolute;bottom:10%;right:5%}.level{font-size:xx-large;color:#fff}.title{font-size:x-large}.level-select-page{font-family:Bebas Neue,cursive;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;padding:10px;flex-wrap:wrap;justify-content:center;align-items:start}.select-page-container{max-height:100vh;max-width:100vw;overflow-x:hidden;overflow-y:scroll}.level-container{display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;border-radius:5px;padding:2px}.level-container:hover{border-radius:6px;opacity:85%}.level-select-number{font-weight:400;font-size:xx-large}.level-title{font-size:larger}.level-select-title-container{font-family:Bebas Neue,cursive;width:100%;display:flex;flex-direction:column;justify-content:start;align-items:center}.home-button{cursor:pointer}.home-button:hover{color:red}.home-page{display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Bebas Neue,cursive;overflow:hidden}.home-page>h1{position:fixed;font-size:52px}.home-page-under{display:flex;flex-direction:column;justify-content:center;align-items:center;position:fixed;z-index:100}.mode-select-container{display:flex;gap:32px}.mode-select-box{font-size:x-large;display:flex;align-items:center;justify-content:center;flex-direction:column}.home-panel{display:flex;justify-content:space-around;width:100%}.mode-select-title:hover{cursor:pointer;color:#f08080}.hover-blue:hover{color:#add8e6;cursor:pointer}.level-select,.play{font-size:46px}.scores-container{font-family:Bebas Neue,cursive;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:x-large;overflow-y:scroll}.score-row{width:100%;display:flex;justify-content:space-around}footer{display:flex;position:fixed;bottom:4px}._colorimg_8c26e_1{-webkit-mask-image:url(/assets/home/inkmask_bottom.png);-webkit-mask-size:cover;-webkit-mask-position:0% 0%;mask-image:url(/assets/home/inkmask_bottom.png);mask-size:cover;mask-position:0% 0%}@keyframes _addColor_8c26e_1{0%{mask-position:0% 0%;-webkit-mask-position:0% 0%}to{mask-position:100% 0%;-webkit-mask-position:100% 0%}}._animation_8c26e_21{animation:_addColor_8c26e_1 2.5s steps(48) forwards}._registerImg_8c26e_24{-webkit-mask-image:url(/assets/home/inkmask_right.png);-webkit-mask-size:cover;-webkit-mask-position:0% 0%;mask-image:url(/assets/home/inkmask_right.png);mask-size:cover;mask-position:0% 0%}._registerAnimation_8c26e_33{animation:_addColor_8c26e_1 2.5s steps(44) forwards}._greyscale_8c26e_36{object-fit:cover;height:100%;width:100%;position:absolute}._color_8c26e_1{display:block;height:100%;width:100%;object-fit:cover}._effectContainer_8c26e_50{position:relative;width:100vw;height:100vh;overflow:hidden;z-index:1}