canvas { width: 100vw; height: 100vh; } body, html { margin: 0; padding: 0; overflow: hidden; } .hud { position: fixed; top: 0; left: 0; background: rgba(201, 177, 206, 0.7); color: rgb(0, 0, 0); font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; padding: 10px; min-width: 200px; min-height: 50px; font-size: 24px; user-select: none; } .main-hud { margin-top: 25px; } .item a { color: inherit; text-decoration: none; } .item { font-size: 0.6em; background: rgb(238, 222, 245); padding: 5px; width: 300px; font-weight: bold; margin-top: 5px; } .item, .desc, .main-hud { white-space: pre-wrap; } .desc { font-size: 0.5em; background: rgb(204, 191, 209); padding: 5px; width: 300px; font-style: italic; }