:root {
	--color-bg: #000000;
	--color-fg: #ffffff;
	--fonts-sz: 1em;
	--lines-ht: 1.2em;
}

* {
	padding: 0;
	border-spacing: 0;
	margin: 0;
}

html {
	color: var(--color-fg);
	background-color: var(--color-bg);
	font-family: "Space Mono", monospace;
}

body {
	padding: 1em;
	max-width: 40em;
	margin: auto;
}

p {
	font-size: var(--fonts-sz);
	line-height: var(--lines-ht);
}

hr {
	border: none;
	border-top: 2px solid var(--color-fg);
	margin: var(--lines-ht) 0;
}

a {
	text-decoration-line: underline;
	color: var(--color-fg);
	transition-duration: 0.3s;
}

a:hover {
	color: var(--color-bg);
	background-color: var(--color-fg);
	transition-duration: 0.3s;
}

img {
	display: block;
	max-width: 100%;
	width: 100%;
}

h1,h2,h3,h4,h5,h6 {
	font-family: "League Gothic", sans-serif;
	margin-bottom: 0;
	margin-top: var(--lines-ht);
}