:root {
	--pico-font-family: "Atkinson Hyperlegible", sans-serif;
}

section {
	max-width: 800px;
	margin: 0 auto;
	padding: 0 1rem;
}

button {
	width: 100%;
}

.hidden {
	display: none;
}

.success {
	background-color: hsl(120, 100%, 85.1%);
	padding: 2rem;
	margin: 1rem;
	font-size: 1.2rem;
	color: hsl(120, 100%, 7.1%);
}

header,
footer {
	max-width: unset !important;
	background-color: var(--pico-modal-overlay-background-color);
}

header section {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#icd-logo {
	height: 50px;
	aspect-ratio: 1200/319;
	background-color: white;
	mask-image: url("logo.png");
	mask-repeat: no-repeat;
	mask-size: contain;
	mask-position: center;
	-webkit-mask-image: url("logo.png");
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	-webkit-mask-position: center;
}

figure#icd-logo-container {
	background-color: black;
	padding: 1rem;
	width: fit-content;
	margin: 0 auto 1em auto;
	border-radius: var(--pico-border-radius);
}