/* LAYOUT */

body, html {
	background-color: rgb(0, 25, 29);
	color: #fff;
	font-family: Arial, sans-serif;
	line-height: 1.5em;
}

body {
	max-width: 660px;
	margin: 0 auto;
	padding: 0 10px 0 10px;
}

/* HEADERS */

h3, h2, h1 {
	font-family: 'Courier New', Courier, monospace;
}

h1 {
	color: rgb(224, 188, 224);
}

h3 {
	color: rgb(161, 223, 233);
}

h1::before {
	content: "~/"
}

h3::before {
	content: "$ ";
	color: #aaa;
}

/* CONTENT */

a {
	font-weight: bold;
	color: rgb(202, 224, 188);
	text-decoration: none;
}

p {
	margin-left: 25px;
}

table {
	width: 100%;
	padding-left: 25px;
}

.projects {
	border-spacing: 0 10px;
}

th {
	vertical-align: top;
	white-space: nowrap;
	text-align: left;
	padding-right: 1em;
}

th::before {
	content: "# ";
	color: #aaa;
}

th.sub::before {
	content: "## ";
}

.sub {
	color: #ddd;
}

.duck {
	width: 30px;
	height: 30px;
	float: right;
	margin-bottom: 10px;
}