/* DATETIME */

#datetime {
	display: grid;
	grid-template: 1fr auto / 1fr auto;
	padding: 1em;
}


/* TIME */

#time {
	grid-column: 1 / span 1;
	grid-row: 1;
	font-size: var(--font-xxxl);
	text-align: center;
}


/* DATE */

#date {
	grid-column: 2;
	grid-row: 2;
	font-size: var(--font-xl);
}