@font-face{
  font-family: "vt323";
  src: url("/VT323-Regular.ttf") format("truetype");
}

html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	font-family: vt323;
	font-size:  1.5em;
	overflow: hidden;
}

.framed {
	position: absolute;
	top: 68%; left: 50%;
	width: 15rem;
	margin-left: -7.5rem;
}

.form {
	margin-top: -4.5em;
	/*transition: 1s ease-in-out;*/
}

.input {
	-moz-box-sizing: border-box;
	   box-sizing: border-box;
	font-size: 1.125rem;
	line-height: 3rem;
	width: 100%; height: 3rem;
	color: #444;
	background-color: rgba(255,255,255,.9);
	border: 0;
	border-top: 1px solid rgba(255,255,255,0.7);
	padding: 0 1rem;
	font-family: vt323;
}
.input:focus {
	outline: none;
}
.input--top {
	border-radius: 0.5rem 0.5rem 0 0;
	border-top: 0;
}
.input--submit {
	background-color: rgba(196,53,45,0.9);
	background-color: green;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
	border-top: 0;
	border-radius: 0 0 0.5rem 0.5rem;
	margin-bottom: 1rem;
	font-size: 150%;
	letter-spacing: 0.1em;
}

.text {
	color: #fff;
	text-shadow: 0 1px 1px rgba(0,0,0,0.8);
	text-decoration: none;
}
.text--small {
	opacity: 0.85;
	font-size: 0.75rem;
	cursor: pointer;
}
.text--small:hover {
	opacity: 1;
}
.text--omega {
	width: 200%;
	margin: 0 0 1rem -50%;
	font-size: 1.5rem;
	line-height: 1.125;
	font-weight: normal;
}
.text--centered {
	display: block;
	text-align: center;
}
.text--border-right {
	border-right: 1px solid rgba(255,255,255,0.5);
	margin-right: 0.75rem;
	padding-right: 0.75rem;
}

.fullscreen-bg {
	position: fixed;
	z-index: -1;
	top:0; right:0; bottom:0; left:0;
	background:
		url("/tv-1280x960.png") center,
		url("/keep-calm-and-smeg-off.jpg") center
	;
	background-size: cover;
}