html, body { width: 100%; height: 100%; }


/* USING CUSTOM FONTS *

@font-face { font-family: "brownstdlight"; src: url("../fonts/brown.std.light.otf"); }
@font-face { font-family: "brownstdreg"; src: url("../fonts/brown.std.regular.otf"); }
@font-face { font-family: "brownstdbold"; src: url("../fonts/brown.std.bold.otf"); }

h1 { font: normal 36px "brownstdbold"; }
h2 { font: normal 26px "brownstdreg"; }
h3 { font: normal 16px "brownstdlight"; }


/* defaults so we can see what we're doing 
#foreground { background: rgba(0,255,0,0.2); }
#background { background: rgba(0,0,255,0.2); }
*/
input{
	position: center;
	margin-left: 20%;
	margin-right: 20%;
	width: 60%;
	margin-top: 200px;
}

p{
	position: absolute;
	margin-left: 20%;
	margin-right: 20%;
	margin-top: 150px;	
	width: 60%;
	text-align: center;
	font-family: 'Roboto Condensed', sans-serif

}