header {
	padding-bottom: 1rem;
}

.header-container {
	display: flex;
	flex-direction: row;
	align-items: baseline;
	justify-content: space-between;
}

.info-container {
	width: 16em;
	font-weight: bold;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

.info-label {
	font-size: 1.2rem;
}

.info-display {
	font-size: 1.68em;
	padding-left: 0.22em;
}

.info-unit {
	font-size: 1.2rem;
	padding-left: 0.2rem;
	font-weight: bold;
}

.info-container-row {
	display: flex;
	flex-direction: row;
	align-items: last baseline;
	justify-content: flex-start;
}

.buttons-container {
	padding-top: 2rem;
}

.buttons-row {
	padding-bottom: 1rem;
}

.clickable::before {
	content: "> ";
}

.note {
	padding-top: 2.5rem;
	font-size: small;
	font-style: italic;
}

@media (max-width: 37.5rem) {
	.header-extras {
		display: none;
	}
}

@media (max-width: 22.5rem) {
	.info-container-row {
		padding-bottom: 2rem;
	}
}