html {
	background-color: #679;
	background: #a1700e;
	background: linear-gradient(343deg, rgba(161, 112, 14, 1) 0%, rgba(173, 141, 54, 1) 100%);
}
body {
	margin: 0;
	padding: 4em 10vw;
	font-family: "helvetica";
}
a {
	opacity: 0.8;
}
a:hover {
	opacity: 1.0;
}
.hid {
	display: none;
}
input[type=text], input[type=password] {
	font-size: 90%;
	padding: 0.3em 0.5em;
	border: solid 1px #bbb;
	border-radius: 0.2em;
	width: 15em;
}
input[type=submit], input[type=button] {
	border: none;
	font-size: 100%;
	border-radius: 0.2em;;
	background-color: rgba(213, 154, 0, 1.0);
	color: rgba(255,255,255,0.9);
	padding: 5px 10px;
	cursor: pointer; cursor: hand;
	opacity: 0.9;
}
input[type=submit]:hover, input[type=button]:hover {
	opacity: 1.0;
}
.logo {
	height: 6em;
}
#glass {
	position: fixed;
	width: 100%; height: 100%;
	top: 0; left: 0;
	text-align: center;
	background-color: black;
	opacity: 0.2;
	padding-top: 15em;
	z-index: 10;
}
.box {
	background-color: #fff;
	color: rgba(0,0,0,0.9);
	border-radius: 0.3em;
	box-shadow: 2px 4px 10px rgba(0,0,0,.2);
	padding: 3em 3vw 3em 3vw;
	margin: 1em 0;
}
.deny {
	padding: 0.8em 2vw;
	width: 40%;
	background: pink;
	color: black;
	border: solid 2px red;
	border-radius: 0.2em;
}
section {
	margin: 0;
	padding: 0;
}
.pw_reqs {
	display: inline-block;
	font-size: 80%;
}
.pw_reqs h3 {
	margin: 2em 0 0 0;
}
.pw_reqs ul {
	text-align: left;
}
.invalid {
	background-color: pink;
}

.login_note {
	padding: 1em 2em;
	border: solid 1px #0003;
	background: #ffa;
	border-radius: 0.5em;
	font-size: 90%;
}

.login_note_important {
	padding: 1em 2em;
	border: solid 5px #f00c;
	background: #fdd;
	border-radius: 0.5em;
	font-size: 100%;
	color: #800f;
	width: 50%;
}