@font-face{font-family:monogram;src:url(monogram.ttf)}body{font-family:monogram,monospace;font-size:1.5rem}#app{width:100%;height:100%;position:relative}#textbox-container{display:none}#start{position:absolute;color:#fff;display:flex;text-align:center;top:45%;width:100%;justify-content:center}#textbox,#note{position:absolute;left:10%;right:10%;bottom:2vh;min-height:10vh;background:#fff;border-radius:3px;outline-style:solid;word-spacing:.2rem;filter:drop-shadow(0 0 .75rem grey);padding:1rem;display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start}#textbox{overflow-x:scroll;max-height:50%;flex-direction:row}.ui-text{margin:0;-webkit-user-select:none;user-select:none}.ui-close-btn{font-family:monogram,monospace;border-style:none;border-radius:3px;padding:1rem;font-size:inherit;-webkit-user-select:none;user-select:none}.btn-container{margin-top:1rem;-webkit-user-select:none;user-select:none;display:flex;justify-content:flex-end;width:100%}#note{left:5%;top:1vh;display:none;flex-direction:column;width:15rem;font-size:1rem;min-height:0}