body {
	background-position: center center;
	background-blend-mode: revert;

	> main {
		justify-content: center;
	}
}

form {
	background-color: rgba(255, 255, 255, 0.85);
	max-width: 600px;
	color: var(--primary-dark);
	padding:1em;
	border-radius: 0.5em;
}

fieldset {
	display:flex;
	flex-direction: column;

	> * {
		margin:0.5em;
		padding:0.5em;
	}
}

form:invalid button[type='submit'] {
	visibility:hidden;
}

form button[type='submit']:hover {
	background-color: var(--primary-highlight);
}