@charset "utf-8";

body
{
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 24px;
	text-align: center;
	margin: auto;
	text-align: center;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
input, select, fieldset
{
	border: 1px solid;
}
button, textarea
{
	margin: 0.1em auto;
	font: inherit;
	color: black;
	background: white;
	border: 1px solid;
}
button:disabled, select:disabled
{
	color: gray;
}
button:active
{
	color: white;
	background: black;
	border: 1px solid black;
}
::-webkit-scrollbar
{
	width: 15px;
}
::-webkit-scrollbar-thumb
{
	background: white;
	border: 1px solid;
}
::-webkit-scrollbar-thumb:hover
{
	background: gray;
}
::-webkit-scrollbar-thumb:active
{
	background: dimgray;
}

@media(prefers-color-scheme: dark)
{
	html
	{
		color: white;
		background: black;
	}
	input, button, select, textarea
	{
		color: white;
		background: black;
	}
	button:active
	{
		color: black;
		background: white;
		border: 1px solid white;
	}
	::-webkit-scrollbar-thumb
	{
		background: black;
	}
}