header
{
	-webkit-box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.7); 
	box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.7);
}


ul
{
	list-style: none;
}

ul li::before {
	content: "\25A0";
	color: #550101; 
	font-weight: bold;
	font-size: 1.5em;
	display: inline-block; 
	width: 1em; 
	margin: .1em 0 .1em -1em;

}


.login
{
	height: 100vh;
	background-color: #FFFFFF;
	background-size: cover;
	background-position:  center center;
	background-repeat: no-repeat;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #000000;
}

.login .box
{
	background: rgba(0,0,0,.7);
	margin: 0 auto;
	width: 100%;
	max-width: 350px;
	padding: 2em;
}

.login input
{
	width: 100%;
	box-sizing: border-box;
	padding: .5em;
	margin: .5em 0;
}


.login .error
{
	color: red;
	background: #000000;
	padding: .5em;
}