body{width:100vw;height:100vh;overflow:hidden}#root{position:absolute;width:100vw;height:100vh;z-index:100;pointer-events:none;margin:0}#game{pointer-events:all}@font-face{font-family:moot-jungle;src:url(fonts/moot-jungle.ttf) format("truetype")}.background{width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:moot-jungle;color:#000;font-size:4vmax}#login_warning{font-size:4vmax;width:100%;height:100%;text-align:center}#coins{position:absolute;top:2vmin;left:6vmin;z-index:1;font-family:moot-jungle;font-size:4vmax;color:#000}.btn{z-index:1;font-family:moot-jungle;color:#000;font-size:4vmax;border:none;outline:1px solid black;background-color:#fff;pointer-events:all}.btn:active{outline:6px solid #269c36;color:#269c36;cursor:pointer}#btn_bag{position:absolute;top:2vmin;right:6vmin}#bag{background-color:#fff;width:max-content;outline:2px solid black;padding-left:6vmax;padding-right:6vmax;pointer-events:all}#level{position:absolute;bottom:10vmin;left:6vmin;z-index:1}#exp{position:absolute;bottom:2vmin;left:6vmin;z-index:1}#crates{position:absolute;bottom:2vmin;right:12vmin;z-index:1}.background{width:100vw;height:100vh}form{display:flex;flex-direction:column;justify-content:center;align-items:center}section{display:flex;flex-direction:column;align-items:end;margin:4px}#login-form{display:flex;flex-direction:column}input{font-size:4vmin;height:8vmin;width:50%;text-align:center;border:none;outline:1px solid black;font-family:moot-jungle;background-color:transparent;color:#000;transition-duration:.5s;transition-timing-function:ease;margin:2vmin}label{font-size:6vmin;display:flex;justify-content:center;align-items:center}input:hover{outline:6px solid #269c36}#title{font-size:20vmin;font-family:moot-jungle;transition-duration:.5s}#error{font-size:6vmin;font-family:moot-jungle;transition-duration:.5s;text-align:center;margin-left:2vmin;margin-right:2vmin}#btn_sign_in,#btn_sign_up{margin:2vmin}@font-face{font-family:moot-jungle;src:url(fonts/moot-jungle.ttf) format("truetype")}
