#modalblend.on {

	display:flex;
	align-items:center;
	justify-content:space-around;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:#fff;
	opacity:0.75;
	overflow:none;
	cursor:not-allowed;

	animation: fadeForm 0.5s;

}


#loginform {
	
	box-sizing:border-box;
	width:500px;
	height:auto;
	margin:0;
	padding:25px;
	border:5px solid #27425e;
	background:#3e6e9a;
	cursor:default;

}


#loginform INPUT
, #loginform BUTTON {

	border: 5px solid #d5e0ed;
	width:100%;
	font-size:1.2em;

}

#loginform BUTTON {

	border-color:#0c0;
	background:#9f9;
	color:#090;
	cursor:pointer;

}


#output.on {

	margin:25px 0;
	padding:25px;
	border:5px solid #0c0;
	background:#9f9;
	color:#0c0;
	text-align:center;

}



@keyframes fadeForm {

	from { opacity:0.01; }
	to   { opacity:0.75; }

}