:root {
	--color-fg: rgb(93, 69, 51);
	--color-sara: pink;
	/* --color-kai: rgb(255, 184, 133); */
	--color-kai: moccasin;
}

body {
	background-image: 
		url(/assets/tiles/gingham-white-32.webp),
		linear-gradient(to right,   var(--color-sara) 0%, var(--color-sara) 49%, var(--color-kai) 50%, var(--color-kai) 100%) /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */;
	color: var(--color-fg);
}

.basebox-bg {
	left: 0;
	right: 0;
}

@media (min-width: 800px) {
	.basebox {
		margin-inline: auto;
	}
	.basebox-bg {
		margin-inline: auto;
		border-left: 0.25rem dotted;
	}
}

.basebox-bg {
	background-color: linen;
	border-color: var(--color-fg);
	outline-color: var(--color-fg);
}