:root {
	--bg: #ffffff;
	--ink: #585858;
	--hover-ink: #000000;
	--hover-bg: #66ccff;
	--hover-brd: #000000;
}

/* 90s computer beige */
[data-theme="beige"] {
	--bg: #d9ccae;
	--ink: #6a5c40;
	--hover-ink: #473d2a;
	--hover-bg: #c4b287;
	--hover-brd: #473d2a;
}

/* Windows 95 */
[data-theme="win95"] {
	--bg: #008080;
	--ink: #ffffff;
	--hover-ink: #ffffff;
	--hover-bg: #000080;
	--hover-brd: #ffffff;
}

body {
	margin: 0;
	background: var(--bg);
}

h1 {
	font: 48px "Helvetica", Arial, sans-serif;
	font-weight: bold;
	color: var(--ink);
}

.body {
	font: 12px "Helvetica", Arial, sans-serif;
	color: var(--ink);
}

.copyright {
	font: 9px "Helvetica", Arial, sans-serif;
	color: var(--ink);
}

.copyrightsymbol {
	font: 9px "Verdana", sans-serif;
	color: var(--ink);
}

a:link, a:visited {
	color: var(--ink);
	border-bottom: 1px dotted var(--ink);
	text-decoration: none;
}

a:hover, a:active {
	color: var(--hover-ink);
	background-color: var(--hover-bg);
	border-bottom: 1px solid var(--hover-brd);
}

#content {
	width: 600px;
	max-width: 90vw;
	height: 200px;
	text-align: left;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -300px;
	margin-top: -100px;
}

@media (max-width: 640px) {
	#content {
		left: 5vw;
		margin-left: 0;
	}
}