@media (prefers-color-scheme: light) {
	body {
		background-color: #fff2cc;
		color: #000000;
	}
}

@media (prefers-color-scheme: dark) {
	body {
		background-color: #323639;
		color: #a8a77f;
	}
}

body {
    margin: 0;
}

main {
	display: grid;
	grid-template-columns: repeat( auto-fit, minmax(20ch, 1fr) );
	 /* Optional: Adjust spacing between items */
	margin: 0;
	text-align: center;
	font-size: xxx-large;
	font-weight: bold;
	font-family: consolas, monospace; /* NOTE: use 'ch' unit instead of 'em' with monospace fonts */
}

main > * {
	padding: 0.2ch;
}


.debug {
	display: unset;
}

.disabled {
	display: none;
}

#sunEphemeris {
	display: inline-grid;
	grid-template-columns: repeat(6, 1fr);
	margin-top: 0;
}
#sunEphemeris .timezone {
	font-size: medium;
}