body {
	font-family: sans-serif;
	background-color: white;
	color: black;
}

header {
	text-align: center;
}

footer {
	text-align: right;
	margin: 0 1em;
}

a, a:visited {
	color: blue;
}

a:hover {
	color: darkblue;
}

.container {
	margin: 1em;
}

.container > div {
	width: 100%;
	padding: 1em 0;
	text-align: center;
}

#date {
	font-size: xx-large;
}

#time {
	font-family: monospace;
	font-size: 8vmax;
	color: black;
}

@media (prefers-color-scheme: dark) {
	body {
		background-color: black;
		color: lightgray ;
	}

	#time {
		color: white;
	}

	a, a:visited {
		color: lightblue;
	}

	a:hover {
		color: white;
	}
}