body { background: #193755; }
#header, #main { display: none; }
#main {
	margin-top: 4rem;
	max-width: 350px;
}
#logo {
	display: block;
	height: auto;
	margin: 0 auto 30px;
	width: 100%; max-width: 250px;
}
#article h1 { position: fixed; left: -10000000px; top: -10000000px; }
a.button:hover, button:hover, input[type="submit"]:hover, input[type="button"]:hover { background: rgba(1, 160, 230, 0.8); }

#main .input-container { border-color: rgba(255, 255, 255, 0.5); }
#main .input-container:focus, #main .input-container.focus { border-color: #FFF; }
#main .input-container > * { color: #FFF; }
#main .input-container .input-field { 
	background: transparent;
	color: #FFF;
}
#main form input[type="submit"] { 
	display: block;
	font-size: 1.5em;
	width: 100%;
}

@media screen and (max-height: 580px) {
	#main { margin-top: 2em; }
}