:root {
	/* centralized color definitions. */ -
	-link: #E2011A; -
	-pwlink: #747271; -
	-link-disabled: #d0d0d0; -
	-button-bg: #E2011A; -
	-button-text: white; -
	-button-text-disabled: #d0d0d0; -
	-button-bg-hover: #af0011; -
	-button-bg-disabled: #e2e3e3; -
	-alert-border: #c10c0d; -
	-alert-bg: #fff2f2; -
	-alert-text: #c10c0d; -
	-info-border: rgb(1, 83, 155);
	/* also text */ -
	-info-bg: rgb(217, 249, 255); -
	-field-bg: #e6e6e6; -
	-field-underline: #b3b2b2; -
	-form-text: #474747; -
	-form-bg: rgb(230, 230, 230);
}

body, html, form {
	height: 100%;
}

* {
	box-sizing: border-box;
}

.container-main {
	margin: auto;
	box-shadow: 0 0 20px gray;
	padding: 40px;
	background-color: white;
	text-align: left;
	border-radius: 10px;
}

.form-login {
	background-color: var(- -field-bg);
	color: var(- -form-text);
	text-align: left;
	font-size: 12px;
	border-bottom: 1px solid var(- -field-underline);
	padding: 10px;
	margin-bottom: 20px;
}

.body-bg {
	/* Add the blur effect */
	filter: blur(5px);
	-webkit-filter: blur(5px);
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #f0f0f0;
	background-position: center center;
	background-blend-mode: color-burn;
}

.content {
	position: absolute;
	top: 5%;
	left: 30%;
	width: 40%;
}