@font-face{font-family:Monogram;src:url(monogram.ttf) format("truetype")}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:monogram;background-color:#b0e2ff;color:#3d3d3d;display:flex;flex-direction:column;min-height:100vh}header,footer{font-size:2rem;display:flex;justify-content:center;align-items:center;padding:10px}main{flex:1;display:flex}#gameCanvas{border:1px solid #57575799;width:90%;height:90%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;z-index:1}#textbox{position:absolute;left:10%;right:10%;bottom:12%;min-height:10vh;background-color:#5e5e5e;border-radius:3px;outline-style:solid;padding:1rem;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;word-spacing:.2rem;filter:drop-shadow(0 0 .75rem #464646);font-size:3rem;color:#f0f0f0;z-index:1000}.ui-text{margin:0;-webkit-user-select:none;user-select:none}#hinttext{position:absolute;width:30%;left:35%;right:50%;bottom:12%;min-height:10vh;background-color:#5e5e5e96;border-radius:3px;outline-style:solid;padding:1rem;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;word-spacing:.2rem;filter:drop-shadow(0 0 .75rem #464646);font-size:3rem;color:#f0f0f0;z-index:1000}.hint-text{margin:0;-webkit-user-select:none;user-select:none}