body {
	margin:0;
	text-align:center;
	font-family:Lato;
}
#main {
	text-align:center;
	margin-top:120px;
}
#main_logo {
	width:400px;
	margin-top:120px;
	text-align:center;
	margin:0 auto;
}
#main_logo > img {
	max-width:90%;
	max-height:200px;

}
#login {
	width:400px;
	margin:0 auto;
}
#login_title {
	font-size:35px;
	margin-top:20px;
	margin-bottom:10px;
	font-weight:bold;
	
}
input,select,button {
	width:100%;
	padding:8px;
	font-family:Lato;
	margin-top:7px;
	border:1px solid #000000;
	box-sizing: border-box;
	border-radius:3px;
}
button:hover {
	cursor:pointer
}
#loginsubmit,#passsubmit,#keysubmit,#loginagain {
	background:#89d5ef;
	font-weight:bolder;
}
#login_getpass {
	font-size:11px;
	margin-top:7px;
	text-align:right;
	color:#89d5ef;
}
#login_getpass > a {
	color:#89d5ef;
	text-decoration:underline;
	font-weight:bold
}
#success {
	background:#bfeea0;
	box-sizing: border-box;
	padding:8px;
	border-radius:3px;
	border:1px solid #00000029;
}
#notfound,#keynotfound {
	border:1px solid #e28484;
	background:#fbe9e9;
	box-sizing: border-box;
	padding:8px;
	border-radius:3px;
}

.notvalid {
	border:1px solid #e28484;
	background:#fbe9e9;
}
.footerlinks {
	color:#2EB6E2;
	text-decoration:underline;
}
.footerlinks:hover {
	color:#89d5ef;
	text-decoration:underline;
}

@media screen and (max-width: 600px) {
	#main_logo,#login {
		width:92% !important;
	}
	#login_title {
		font-size:8.1vw !important;
	}
	#main {
		margin-top:50px;
	}

}