body {
	margin: 0;
	padding: 0;
	text-align: left;
	background-color: #282C34;
	color: Black;
	font-family: "Lucida Console", Monaco, monospace;
	vertical-align: top;
}
header {
	background-color: #E1E1E1;
	color: #282C34;
	width: 80%;
	padding-top: 1em;
	padding-left: 5%;
	padding-right: 5%;
	margin: 5%;
	margin-bottom: 0;
	margin-top: 2.5%;
	border-width: 1px;
	border-color: #CDCDCD;
	border-style: solid;
}
section {
	background-color: #EBEBEB;
	width: 70%;
	margin-left: 10%;
	margin-right: 10%;
	padding-left: 5%;
	padding-right: 5%;
	padding-bottom: 3em;
	padding-top: 2em;
}
footer {
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 5%;
	margin-bottom: 5%;
	font-family: Helvetica, sans-serif;
}
h1 {
	font-size: 3em;
}
h2 {
	font-size: 2em;
}
.preview {
	padding-bottom: 4em;
}
.codered {
	color: #C8646E;
}
.codeorange {
	color: #C59366;
}
.codegrey {
	color: #A0A7B2;
}
.codeblue {
	color: #5AB5C0;
}
.codegreen {
	color: #8AAE72;
}
.codepurple {
	color: #8B5E9D;
}
h3 {
	font-size: 140%;
	font-style: italic;
}
a {
	color: inherit;
}
hr {
	size: 1px;
	color: #CDCDCD;
	margin-top: 2em;
	margin-bottom: 3em;
}
.contact-info {
	background-color: #F0F0F0;
	border-width: 1px;
	border-style: solid;
	border-color: #CDCDCD;
  vertical-align: top;

	margin-right: 4.5%;
	padding-left: 3%;
	padding-right: 3%;
	width: 24%;
	float: left;
}
td {
	vertical-align: top;
}
img {
	float: left;
	background-color: inherit;
	margin-right: 5%;
	margin-bottom: 3%;
}
.check-it-out {
	font-style: normal;
	font-size: 1.2em;
	margin: 1em;
}
p {
	font-family: serif;
	line-height: 180%;
	font-weight: 100;
}
.header-button {
	background-color: #282C34;
	text-decoration: none;
	font-family: Helvetica, sans-serif;
	font-size: 1.25em;
	font-weight: 200;
	border-width: 1px;
	border-style: solid;
	border-color: #CDCDCD;
	padding: .5em;
	margin: 2px;
	cursor: pointer;
}
.header-button-bar {
	margin-right: 6%;
	margin-left: 1em;
	margin-bottom: 1.5em;
	float: right;
}
object {
	height: 300px;
}