:root {
	--pico-font-family: "Atkinson Hyperlegible", sans-serif;
	--icd-rentgen-color: #99ffdd;
	--success-background-color: hsl(120, 100%, 85.1%);
	--success-color: hsl(120, 100%, 7.1%);
}

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

button {
	width: 100%;
	font-weight: bold !important;
	border: none;
	box-shadow: none;
}

#submit {
	background-color: black;
	color: var(--icd-rentgen-color);
}

#submit:hover {
	background-color: var(--icd-rentgen-color);
	color: black;
}

.hidden {
	display: none;
}

.success {
	background-color: var(--success-background-color);
	color: var(--success-color);
	padding: 2rem;
	margin: 1rem;
	font-size: 1.2rem;
}

header,
footer {
	max-width: unset !important;
	background-color: black;
}

header section h1,
footer section p {
	color: white;
}

footer section p a {
	color: var(--icd-rentgen-color);
}

body {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
}

main {
	flex: 1;
}

header section {
	text-align: center;
	color: white;
}

#icd-logo {
	height: 48px;
	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;
}