html {
	height: 100%;
}

body {
	margin: 0;
	height: 100%;
	overflow: hidden;/*No idea why this is needed, the canvas doesn't overflow.*/
}

.puzzlePage {
	text-align: center;
	display: none;
}

#codeSelectScreen {
	display: block;
}

#canvas {
	width: 100%;
	height: 100%;
	cursor: none;
	display: none;
	z-index: 5;
}

#colorSelect {
	width: 100%;
	height: 100%;
	position: static;
	top: 0;
	left: 0;
	display: none;
}

#colorOptions {
	display: flex;
	flex-direction: column;
	gap: 20px;
	align-items: center;
}