:root {
	--color-bg: #222;
	--color-fg: #f3f3f3;
	--color-fg-muted: #c6c6c6;
}

* {
	box-sizing: border-box;
}

html,
body {
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-family: "Helvetica Neue", Helvetica, Arial, Verdana, Sans-serif;
	background-color: var(--color-bg);
	color: var(--color-fg);
}

.layout {
	margin: 0 auto;
	padding: 0 2rem;
	width: 44rem;
	max-width: 100%;
}

.content {
	margin-top: 4rem;
}

a {
	color: var(--color-fg);
}
a:hover {
	color: #fff;
}

p {
	color: var(--color-fg-muted);
	line-height: 1.5;
}