body {
	font-family: Embeed;
	color: black;
	background: url(../img/back.png);
	-webkit-font-smoothing: antialiased;
	background-size: cover;
}

#inner_portal {
	background: url(../img/back-inner.png);
	background-size: cover;
}

.login_wrapper {
	margin: 25vh auto 0;
	width: 400px;
	background: rgba(255, 255, 255, 0.9);
	padding: 25px 25px 40px;
	border-radius: 20px;
	-webkit-filter: drop-shadow(5px 5px 7px rgba(0, 0, 0, 0.5));
}

#login_title img {
	width: 100%;
}

#login_subtitle {
	text-align: center;
	margin-bottom: 30px;
	font-size: 1.4rem;
	color: #999;
}

.user_form {
	margin: auto;
	width: 80%;
}

.user_input {
	width: 100%;
	padding: 10px;
	text-align: center;
	font-size: 1.0rem;
}

.user_submit {
	width: 100%;
	padding: 10px;
	font-size: 1.3rem;
	border-style: solid;
	border-radius: 0 0 10px 10px;
	border-width: 1px;
	border-color: #999;
}

#error_message {
	margin: auto;
	text-align: center;
	width: 290px;
	background: #FFF;
	border-radius: 5px;
	margin-top: 30px;
	color: #666;
	padding: 10px;
}

#login_branding {
	width: 100%;
	text-align: center;
	margin-top: 20px;
}

#login_branding .logo_image {
	width: 30%;
}