html { background-color: #444 }
body { margin:0; font-family:Arial, Helvetica, sans-serif; font-size:20px; background-color:#444 }

h1 { font-size:36px; color:#223d58; }

a { color:#005eb8; text-decoration:none }
a:hover { text-decoration:underline }

#logo { padding: 0 0 20px 0; text-align:center }

#pair {
	display:flex;
	min-height: 100vh;
}
#pair > div:nth-child(1) {
	flex:1;
	background-image:url(/images/login.jpg);
	background-size:cover;
}
#pair > div:nth-child(2) {
	flex:2;
	background-color:white;
	background-image:none;
	padding:100px;
}
@media (max-width: 600px) {
	#pair { display:block; min-height:auto }
	#pair > div:nth-child(1) { display:none }
	#pair > div:nth-child(2) { padding:15% 8% }
}

#footer { background-color:#444; color:#ccc; font-size:12px; text-align:center; padding: 20px }

label { font-weight:bold; padding:10px 0 }
.button { padding:10px 20px; font-size:20px; background-color:#223d58; color:white; border:none; cursor:pointer }
.error { color:red; font-weight:bold }
.field { border:#999999 1px solid; width:90%; font-size:20px; padding:10px; margin-bottom:15px }
span.inset { margin-left:-64px; cursor:pointer }