@font-face {
	font-family: "Courier Prime";
	src: url("/Courier Prime/Courier Prime.ttf");
}

body {
    background: #000000;
    color: #FF9900;
    font-family: "Courier Prime", Courier;
    font-size: 12pt;
    font-weight: 400;
    padding: 0;
    margin: 0;
}

aside {
    padding-bottom: 1em;
    margin-bottom: 1em;
    border-bottom: 1px solid #FF9900;
}

section {
    background: #222222;
    margin: 0 auto;
    /* 0.6em is roughly correct for one character, 80 columns */
    max-width: 48em;
    /* we are not border box, this is because I want the *content* to be 80 columns */
    padding: 1em;
    margin-bottom: 150pt;
}

div.image-left {
	float: left;
	width: 50%;
	margin-right: 1em;
}

div.image-right {
	float: right;
	width: 50%; 
	margin-left: 1em;
	position: relative;
}

a {
    color: #FF5500;
}

a:visited {
    color: #FF1100;
}

img {
    width: 100%;
}

hr {
    border: 0;
    border-bottom: 1px solid #FF9900;
}

h1,h2,h3,h4,h5,h6 {
    margin: 0;
    padding: 0;
    margin-bottom: 0.5em;
}

code {
	font-family: "Courier Prime", Courier;
	color: #FF0099;
}

pre {
	font-family: "Courier Prime", Courier;
	background: #000000;
	padding: 1em;
	overflow-x: auto;
}

.belt {
	height: 3em;
	margin-bottom: 0.25em;
	position: relative;
	clear: both;
}

.white-belt {
	background: #ffffff;
}

.belt > .belt-bar {
	background: #000000;
	position: absolute;
	right: 3em;
	height: 100%;
	width: 9em;
}

.belt > .belt-bar > .belt-stripe {
	background: #ffffff;
	margin-right: 1em;
	width: 1em;
	height: 100%;
	display: inline-block;
	float: right;
}

video {
	width: 100%;
}