.headline {
	text-align: center;
	font-size: 125%;

	--shadow-thickness: 2px;
	--blur-radius: 1px;
	text-shadow:
		var(--shadow-thickness) var(--shadow-thickness)
			var(--blur-radius) black,
		calc(-1 * var(--shadow-thickness)) var(--shadow-thickness)
			var(--blur-radius) black,
		var(--shadow-thickness) calc(-1 * var(--shadow-thickness))
			var(--blur-radius) black,
		calc(-1 * var(--shadow-thickness)) calc(-1 * var(--shadow-thickness))
			var(--blur-radius) black
	;
}

form, header, footer, h1 {
	background-color: #000000d3;
	border-radius: 10px;
}

header, footer, h1 {
	padding: .25em 1em;
}

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

	padding: 5px 25px;

	& .field + .field {
		margin-top: 15px;
	}

	& label + input {
		margin-top: 5px;
	}

	& input[type="submit"] {
		align-self: flex-end;
	}
}

.field {
	display: flex;
	flex-direction: column;
}

img.captcha {
	margin-top: 5px;
	align-self: center;
}

img.sword {
	max-width: 50%;
}