@font-face { font-family: 'Ubuntu'; src: url("../fonts/UbuntuMono-B.ttf") format("truetype"); font-weight: 500; font-style: normal; }

html { height: 100%; }
body { margin: 0; padding: 0; background: #444; color: #888; font-family: "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: 0; text-align: center; }
h2 {
	margin: 0 0 15px 0;
	padding: 0;
	font-family: "Ubuntu", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 36px;
}
input {
	height: 48px;
	width: 48px;
}
p {
	margin: 15px 0 0 0;
}
.logo {
	position: relative;
	top: 0;
	left: 0;
	margin-right: 24px;
	float: left;
	width: 20%;
	
	/* background: transparent url(images/xorlogic.svg) center center no-repeat;
	*/
	}
.head {
	background: #000;
}
.head, .page {
	position: relative;
	padding: 24px;
	float: right;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 1em;
	text-align: left;
	color: #ddd;
}
.head {
	
}
#controls {
	display: none;
}
#output {
	width: 96%;
	margin: 2% 0 0 2%;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 24px;
	text-align: left;
	color: #ddd;
}
#output div {
	float: left;
	width: 16%;
}