/* Center the canvas without altering global body/html styles */
.container {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0vh;
}

/* Canvas specific styling */
.illo {
  display: block;
  margin: 0 auto 20px;
  cursor: move;
}

canvas {
	width: 35vh;
	height: auto;
}

h1 {
	font-size: 5vh;
	text-shadow: 4px 4px 4px #000;
}

p {
	font-size: 1.5rem;
	text-shadow: 4px 4px 4px #000;
}

@media (min-width: 800px) {

canvas {
	width: 45vh;
	height: auto;
}

h1 {
	font-size: 6vh;
	text-shadow: 4px 4px 4px #000;
}

p {
	font-size: 2rem;
	text-shadow: 4px 4px 4px #000;
}

}