html,body {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #E4E2FF;
	background: linear-gradient(0deg,rgba(207, 204, 238, 1) 0%, rgba(239, 238, 249, 1) 77%, rgba(255, 255, 255, 1) 100%);
	display: flex;
	align-items: center; /* Vertically centers  content */
	width:100%;
	height: 100%;
}


h1 {
	margin-top: 3em;
	text-align:center;
	padding: 1em 2em;
	font-size: 1.2em;
	color: #4b495e;
	border: 5px solid #fff;
	border-radius: 4px;
}

h1::before {
	content: "\f058";
	font-family: FontAwesome;
	text-decoration: none;
	padding: 0 1.2em 0 0;
	color:#8ecc8f;
}

h1.error::before {
	content: "\f056";
	font-family: FontAwesome;
	text-decoration: none;
	padding: 0 1.2em 0 0;
	color: #f6526a;
}