:root {
  overscroll-behavior: none;
}

canvas {
  /* background-color: aqua; */
  background-color: black;
  position: fixed;
  top: 0;
  left: 0;
}

@font-face {
  font-family: 'DotMatrix';
  src: url('/assets/robotrondotmatrix.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

#info {
	position: absolute;
  align-items: center;
  align-self: center;
  align-items: center;
  font-family: 'DotMatrix', sans-serif;
  font: weight 100;
  font-size:large;
  color: rgb(0, 255, 0);
	top: 0px;
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	z-index: 1; /* TODO Solve this in HTML */
}



#info_sub {
	position: absolute;
  align-items: center;
  align-self: center;
  align-items: center;
  font-family: 'DotMatrix', sans-serif;
  font: weight 100;
  font-size: small;
  color: rgb(255, 204, 0);
	top: 0px;
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	z-index: 1; /* TODO Solve this in HTML */
}