body {
	margin: 0;
	font-family: Arial;
	> nav {
		width: 100%;
		background: pink;
		text-align: center;
		margin-bottom: 1rem;
		a {
			font-size: 1.5rem;
			line-height: 3rem;
			text-transform: uppercase;
			font-weight: bold;
			color: black;
			&:hover { color: blue; }
		}
	}
}

#toybox-canvas {
	border: 2px black solid;
	background: url('/graphix/bg/arcade-circles.jpg'), pink;
	background-blend-mode: screen;
	background-size: 200px;
}


main {
	text-align: center;
}

#info {
	margin: 0 auto;
	max-width: min(700px, 85vw);
}

/********************* page settings button ***********************/
.page-settings {
	--open-button-fill: black;
  --open-button-background: skyblue;
  --open-button-border: none;
  --background: white;
  --border: 3px skyblue solid;
  --outline: 0px;
  --color: black;
  --accent: black;
}