:root {
  --background-color: #020202;
  --color: #f6f6f6;
  --code-color: #e22191;
  --code-background-color: #222222;
  --link-color: #16b31d;
}

@font-face {
	font-family: "Cooper Hewitt Bold";
	src: url("/fonts/CooperHewitt-Bold.woff");
}

@font-face {
	font-family: "Cooper Hewitt Book";
	src: url("/fonts/CooperHewitt-Book.woff");
}

* {
	font-family: "Cooper Hewitt Book";
	background-color: var(--background-color);
	color: var(--color);
}

h1, h2, h3 {
	font-family: "Cooper Hewitt Bold";
}

a {
	color: var(--link-color);
}

pre, code {
	font-family: monospace;
	background-color: var(--code-background-color);
}

code {
	color: var(--code-color);
}

header {
	padding-left: 1rem;
}

header > nav > a {
	text-decoration: none;
	color: var(--color);
}

footer {
	position: relative;
	bottom: 0;
	width: 100%;
	height: 2rem;
	text-align: center;
}

.post {
	border: 1px solid var(--color);
	margin: 1rem;
	padding: 1rem;
}