/* default, also if nothing else is defined: */
:root {
	--bg: #dd0;
}

/* alternative for users, preferring a darker theme: */
@media (prefers-color-scheme: dark) {
	:root {
		--bg: #220;
	}
}

body {
	background-color: var(--bg);
	color: /*purple*/ white;
}

input /*[type=button] */, div{
	margin: 0px;

	border-color: #c00;
	border-radius: 10px;
	border-width: 3px;

	background: #800;

	padding: 10px 20px 10px 20px;

	color: white;
}

input[type=button] {
	background: green;
}

input:active {
	color: purple;
}