body {
	font-family: system-ui, sans-serif;
	margin: 0;
	display: grid;
	place-items: center;
	min-height: 100vh;
	background: #f6f8fa;
	color: #1f2328;
}

main {
	text-align: center;
	padding: 2rem;
}

.lamp {
	width: 5rem;
	height: 5rem;
	border-radius: 50%;
	margin: 0 auto 1.5rem;
}

/* De kleuren van het stoplicht. */
.lamp.green { background: #1a7f37; }
.lamp.orange { background: #bf8700; }
.lamp.red { background: #cf222e; }
.lamp.unknown { background: #8c959f; }

h1 {
	font-size: 1.25rem;
	margin: 0 0 .5rem;
}

p {
	margin: 0 0 .75rem;
	max-width: 32rem;
	line-height: 1.5;
}

@media (prefers-color-scheme: dark) {
	body {
		background: #0d1117;
		color: #e6edf3;
	}
}