@import url("https://necolas.github.io/normalize.css/8.0.1/normalize.css");

*,
*:before,
*:after {
	box-sizing: border-box;
}

html {
	font-family:
		system-ui,
		-apple-system,
		BlinkMacSystemFont,
		'Segoe UI',
		Roboto,
		Oxygen,
		Ubuntu,
		Cantarell,
		'Open Sans',
		'Helvetica Neue',
		sans-serif;
}

main, footer {
	max-width: 35rem;
	margin-inline: auto;
}

@media (max-width: 37rem) {
	main, footer {
		margin-inline: 1rem;
	}
}

.input-container {
	display: grid;
	grid-template-columns: max-content auto;
	gap: 0.25em 1em;
}

#box-address-calculator-form {
	display: flex;
	flex-flow: column nowrap;
	gap: 0.25em;
}

 @media (max-width: 34.25rem) {
	.input-container {
		display: flex;
		flex-flow: column nowrap;
	}
}