html {
	--bg-page: white;
	--fg-page: black;
	--a-page: #009;
	--a-visited: #004;
}
@media (prefers-color-scheme: dark) {
	html {
		--bg-page: black;
		--fg-page: white;
		--a-page: #99ff99;
		--a-visited: #ff99ff;
	}
}
body, input, textarea {
	background: var(--bg-page);
	color: var(--fg-page);
}
body {
	font-size: 22px;
}
main {
	max-width: 1460px;
	word-wrap: break-word;
}
a {
	color: var(--a-page);
}
a:visited {
	color: var(--a-visited);
}

pre {
	white-space: pre-wrap;
}
table {
	display: block;
	max-width: 100%;
	overflow-x: auto;
}
.menu {
}
.menu li, .menu form {
	display: inline;
	margin-left: 2em;
}
button, input[type=file] {
	margin: 1em;
	font-size: 1em;
}
input[type=checkbox] {
	transform: scale(2);
	width: 2em;
	margin: 1em;
}
textarea {
	margin-top: 2em;
	font-family: monospace;
	font-size: 0.6em;
}
main input[type=text] {
	font-size: 1em;
	width: 20em;
}
div.spacer {
	pointer-events: none;
	position: absolute;
	font-family: monospace;
	font-size: 0.6em;
	border-right: 1px dashed gray;
	height: 28em;
}

td {
	border-bottom: 1px solid gray;
}
.colfrom {
	min-width: 200px;
}
.colsubj {
	min-width: 200px;
	margin-left: 2em;
}
.coltags {
	float: right;
}
.noshow {
	display: none;
}

@media screen and (min-width: 1200px) {
	body {
		font-size: 28px;
		padding: 1em;
	}
	textarea, div.spacer {
		font-size: 0.8em;
	}
	
}
@media screen and (max-width: 960px) {
	button {
		font-size: 0.6em;
	}
}