@font-face {
  font-family: "danifont";
  src: url("/fonts/danifont.TTF") format("truetype");
  font-weight: normal;
  font-style: normal;
}

html,
body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: black;
  font-family: "danifont", monospace;
}

canvas {
  display: block;
  background: black;
}

.hint {
  position: fixed;
  top: 12px;
  left: 12px;
  z-index: 10;
  padding: 6px 8px;
  color: white;
  background: rgba(0, 0, 0, 0.45);
  font-size: 13px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  user-select: none;
  font-family: "danifont", monospace;
}

.hidden {
  display: none;
}