html, body {
  margin: 0;
  padding: 0;
}

canvas {
  display: block;
}

/* these control the column widths */
/* .small { flex: 0.5 0.1 9%; }
.large { flex: 1 1 82%; }
.full { flex: 1 1 100%; }
.half { flex: 1 1 49%; } */


nav {
	padding: 5px;
	position: center;
}

nav div {
	text-align: center;
	font-size: 1.25rem;
	margin: 5px 5px 10px 5px;
}

nav a {
	display: block;
	position: center;
	background: none;
	border-radius: 5px;
	padding: 2px 7px;
	text-decoration: none;
}

nav a:link,
nav a:visited {
	color: var(--text);
}