body {
	font-size: 16px;
	font-family: Arial,Helvetica Neue,Helvetica,sans-serif;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 2rem;
}

h1 {
	margin-bottom: -1rem;
}

#input {
	flex: 0 0 auto;
	display: inline-grid;
	grid-template-columns: 1fr auto;
	align-items: center;
	column-gap: 1rem;
	row-gap: 0.5rem;
}

#input > label {
	display: contents;
}

.expand > *, input[type=submit] {
	grid-column: 1 / span 2;
}

.expand > :not(:first-child) {
	margin-top: -0.5rem;
}

fieldset {
	grid-column: 1 / span 2;
	display: flex;
	gap: 1rem;
	flex-wrap: wrap;
	justify-content: space-between;
}
fieldset > label {
	display: block;
}

input, textarea {
	font-family: inherit;
}