:root{--text:#322623;--err:#7b505c;--ascent:#9b9880;--bg:#e4d6cf}body{align-items:center;display:flex;flex-flow:column;height:100vh;justify-content:center;margin:0;padding:0;width:100vw}#root,body{overflow:hidden}#root{background:var(--bg);border:3px solid var(--err);max-height:98%;max-width:98%;position:relative}#menu,canvas{height:100%;width:100%}#menu{align-items:center;display:flex;flex-flow:column;position:absolute}#menu.out{transform:translateY(200%)}#menu.in,#menu.out{transition:transform 1s cubic-bezier(1,1.2,0,1)}button,input,span{width:80%}#desc,button,input{margin-top:20px}button{border-color:var(--text);border-radius:5px;height:30px}#loginout{margin-top:40%}#arrowGroup{align-items:center;display:flex;justify-content:space-between;margin-top:20%;position:absolute;width:80%}#arrowGroup>button{width:30px}#spaceDesc{text-align:center}#spaceDesc.hide{display:none}.loading{background-color:gray}