@import url('https://fonts.googleapis.com/css?family=Roboto+Mono');
html {
	height:100%;
	padding: 0 1em;
	background-color: #191970;
	background-image:linear-gradient(#f30, #000000);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#191970), to(#2F2727));
	background: -webkit-linear-gradient(top, #2F2727, #191970);
	background: -moz-linear-gradient(top, #2F2727, #191970);
	background: -ms-linear-gradient(top, #2F2727, #191970);
	background: -o-linear-gradient(top, #2F2727, #191970);
}
* {font-family:Arial, Helvetica, sans-serif; font-weight:normal; letter-spacing:0.07em; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; color:#339;}
body {height:fit-content; width:90%; max-width:1000px; margin-left:auto; margin-right:auto; background-color:#E0EBF5; padding:2em;}
h1 {font: bold 1.4em arial;}
h2 {font:bold 1em arial; margin:1em 0 0.6em 3em; text-align:left;}
h3 {font:bold 1em arial; margin:1em 0 0.6em 0; text-align:left;}
h4 {font:bold 1em arial; margin:1em 0 0.6em 2em; text-align:left;}
p {font-size:0.87em;margin:6px auto 2px auto; text-align:left; line-height:1.7em;}
ol {margin-left:2em;}
li {text-align:left; font:bold 1em arial; color:#339; line-height:1.7em;}
a {text-decoration:none; color:#0c0;}
a:hover {color:#00f;}
textarea {width:90%; max-width:56em; height:20em; resize:vertical; padding: 1em; font-family: 'Roboto Mono', monospace; font-size:1em; background-color:white;}

#div1 {width:400px;display:inline-block;vertical-align:top;}
#div2 {width:500px;display:inline-block;margin-top:1em; text-align:right;}

input {margin:2px; padding:5px;}
input, textarea {color:#00c;}
/*#submit {margin-top:1em; margin-left:4em;}*/
#button2 {margin-top:1em;}
#send2email {text-align:center;}

#addy {width:400px; padding:5px;}
#subject {width:400px; padding:5px;}


@media screen and (min-width: 48em) {
	
}

/*	GTE 1200px	*/
@media screen and (min-width: 75em) {
	/*#theContent {width:1000px; margin-left:auto; margin-right:auto; background-color:#E0EBF5; padding:2em;}*/
}