* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: system-ui;
}
body {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 2rem;
}
form {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	gap: 1rem;
}
label {
	display: flex;
	flex-direction: row;
}
button {
	padding: 0.1rem 1rem;
}
details {
  border: 1px solid #aaaaaa;
  border-radius: 4px;
  padding: 0.5em 0.5em 0;
}

summary {
  font-weight: bold;
  margin: -0.5em -0.5em 0;
  padding: 0.5em;
}

details[open] {
  padding: 0.5em;
}

details[open] summary {
  border-bottom: 1px solid #aaaaaa;
  margin-bottom: 0.5em;
}

th, td {
	padding: .5rem;
}
.stats {
	display: flex;
	flex-direction: row;
	gap: 3rem;
	justify-content: stretch;
	margin-bottom: 1rem;
}
.stats .card {
	flex: 1;
	background-color: #ccc;
	padding: 1rem;
}
.stats .card h2 {
	font-size: 3rem;
}