@media (prefers-color-scheme: light) {
    body {
	font-family: Helvetica, sans-serif;
	background-color: white;
    }
    #banner {
	background-color: white;
    }
    nav {
	font-size: 1.25em;
    }
    nav a:link {
	color: #3da5d7;
	text-decoration: none;
    }
    nav a:active {
	color: #3da5d7;
    }
    nav a:visited {
	color: #3da5d7;
	text-decoration: none;
    }
    nav a:hover {
	color: grey;
	text-decoration: none;
    }
    h1 {
	font-size: 1.75em;
	margin-left: 6px;
    }
    h2 {
	font-size: 1.5em;
	margin-left: 6px;
    }
    h3 {
	font-size: 1.3em;
	margin-left: 6px;
    }
    p {
	font-size: 1.25em;
	margin-left: 6px;
    }
    a:link {
	color: grey;
	text-decoration: underline;
    }
    a:active {
	color: grey;
    }
    a:visited {
	color: grey;
	text-decoration: underline;
    }
    a:hover {
	color: #3da5d7;
	text-decoration: none;
    }
    article {
	background-color: white;
	min-height: 800px;
    }
    .text-natural {
	font-size: 1.25em;
	margin-left: 6px;
    }
    table {
	margin-left: 6px;
    }
    table, th, td {
	border: 1px solid black;
	border-collapse: collapse;
    }
    th, td {
	font-size: 1.25em;
	padding-top: 10px;
	padding-bottom: 20px;
	padding-left: 30px;
	padding-right: 40px;
    }
    #faq dt {
	font-size: 1.25em;
	font-weight: bold;
	margin-left: 6px;
    }
    #faq dd {
	font-size: 1.25em;
	margin-left: 24px;
	margin-top: 0.5em;
	margin-bottom: 1.5em;
    }
    hr {
	margin-left: 6px;
	margin-right: 8px;
    }
}
@media (prefers-color-scheme: dark) {
    body {
	font-family: Helvetica, sans-serif;
	background-color: black;
    }
    #banner {
	background-color: black;
    }
    nav {
	font-size: 1.25em;
    }
    nav a:link {
	color: #3da5d7;
	text-decoration: none;
    }
    nav a:active {
	color: #3da5d7;
    }
    nav a:visited {
	color: #3da5d7;
	text-decoration: none;
    }
    nav a:hover {
	color: grey;
	text-decoration: none;
    }
    h1 {
	font-size: 1.75em;
	margin-left: 6px;
    }
    h2 {
	font-size: 1.5em;
	margin-left: 6px;
    }
    h3 {
	font-size: 1.3em;
	margin-left: 6px;
    }
    p {
	font-size: 1.25em;
	margin-left: 6px;
    }
    a:link {
	color: grey;
	text-decoration: underline;
    }
    a:active {
	color: grey;
    }
    a:visited {
	color: grey;
	text-decoration: underline;
    }
    a:hover {
	color: #3da5d7;
	text-decoration: none;
    }
    article {
	background-color: #175980;
	color: #000d2e;
	min-height: 800px;
    }
    .text-natural {
	font-size: 1.25em;
	margin-left: 6px;
    }
    table {
	margin-left: 6px;
    }
    table, th, td {
	border: 1px solid black;
	border-collapse: collapse;
	margin-left: 6px;
    }
    th, td {
	font-size: 1.25em;
	padding-top: 10px;
	padding-bottom: 20px;
	padding-left: 30px;
	padding-right: 40px;
    }
    #faq dt {
	font-size: 1.25em;
	font-weight: bold;
	margin-left: 6px;
    }
    #faq dd {
	font-size: 1.25em;
	margin-left: 24px;
	margin-top: 0.5em;
	margin-bottom: 1.5em;
    }
    hr {
	margin-left: 6px;
	margin-right: 8px;
    }
}