html {
  height: 90%; 	/* need almost full page height, for middle-div vertical centering */
}
body {
  background-color: black;
  height: 100%;
}
main {
  align-content: center;
  box-sizing: border-box;
  display: grid;
  font-family: 'NotoMono-Regular', 'Arial', sans-serif;
  hyphens: auto;
  margin: 0 auto;
  text-align: center;
  background-color: black;

  width: 50%;
  height: 100%;
}

@font-face {
  font-family: 'NotoMono-Regular';
  src: url('fonts/NotoMono-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}