body {
	font-family: Verdana, sans-serif;
	margin: 0px;
	background: linear-gradient(to top right,  #b3d9a3, #29bdad) fixed;
}

#nav {
	display: block;
	margin: 1pt;
}

.flex {
	flex: 1;
}

#nav-list {
	display: flex;
	padding: 0px;
}

#nav-list li {
	list-style-type: none;
}

#nav-list li a {
	padding: 0.8em 1em;
	text-decoration: none;
	color: black;
}

input {
	border: none;
	outline: none;
	border-bottom: 2px solid;
}

li {
	text-decoration: none;
}

a {
	color: #e81900;
}

button {
	all: unset;
	color: black;
}

button:hover :not(ca), a:hover {
}

button.ca {
	padding: 10px;
	border-style: solid;
	border-radius: 10px;
}

div {
	padding: 0.8em 1em;
}

canvas.ca {
	border-style: dotted;
	border-width: medium;
	border-color: blue;
}

canvas.hidden {
	height: 0px;
	width: 0px;
}