#info
{
	display: table;
	grid-auto-columns: auto;
	justify-content: start;
}

#info > div
{
	display: table-row;
}

#info > div > span
{
	display: table-cell;
}

#info > div > span:first-child
{
	text-align: right;
}

#info > div > span:last-child
{
	display: table-cell;
	padding-left: 0.4em;
}

body
{
  /* display: grid; */
  /* margin: 2em; */
  margin-top: 1em;
}

canvas:not(#zoom)
{
  display: block;
  margin: auto;
  /* padding: 1.5em; */
  cursor: zoom-in;
  margin-top: 1em;
}

#zoom
{
  position: absolute;
  top: 0;
  left: 0;
  background-color: transparent;
  /* pointer-events: none; */
  z-index: 1;
  border: 1px solid black;
  border-radius: 100%;
  cursor: crosshair !important;
}