body {
	justify-content: center;
	align-items: center;
	background: center / cover no-repeat url('img/loginbg.jpg');
}



#loginForm {
	display: flex;
	flex-direction: column;
	gap: 1em;
	justify-content: center;
	align-items: center;
	padding: 1.2em 4em;
	border: 1px solid rgba(255, 255, 255, 0.03);
	border-radius: 0.5em;
	background: rgba(255,200,200, 0.1);
	box-shadow: 5px 4px 8px black;
	box-shadow:
		inset 0 0.1em 0.3em rgba(160,160,160, 0.3),
		inset 0 -0.1em 0.3em rgba(0,0,0, 0.05),
		0.1em 0.1em 0.7em rgba(0,0,0, 0.7);
	backdrop-filter: blur(4px);
}

#loginHeader {
	margin: -0.2em 0 0.2em 0;
	font-size: 2em;
	font-weight: bold;
	color: #111;
	text-shadow: 0.1em 0.1em 0.5em rgba(200,200,200, 0.7);
}

#loginForm input {
	text-align: center;
	background: rgba(255,255,255, 0.15);
	color: #000;
	border: none;
	border-radius: 0.3em;
	padding: 0.4em;
}

#loginForm input::placeholder {
	color: #333;
}

#loginSubmit {
	padding: 0.3em 2em;
}

#loginError {
	color: #f88;
	text-shadow: 0 0 0.3em #000;
}