* { box-sizing: border-box; }

@font-face {
  font-family: 'Space Mono';
  src:  url('./data/fonts/space_mono/SpaceMono-Bold.ttf') format('truetype'),
        url('./data/fonts/space_mono/SpaceMono-BoldItalic.ttf') format('truetype'),
        url('./data/fonts/space_mono/SpaceMono-Italic.ttf') format('truetype'),
        url('./data/fonts/space_mono/SpaceMono-Regular.ttf') format('truetype');
}

body, html, canvas {
    width: 100vw;
    height: 100vh;
    margin: 0;
    padding: 0;
    background-color: #524C52;
}

#info {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(44, 36, 46, 1);
  color: #fefefe;
  padding: 24px;

  font-size: 14pt;
  font-family: sans-serif;
  overflow-y: scroll;
  overflow-x: hidden;
}

#info p, #info h3 {
  margin-left: 24px;
}

.hid { display: none; }