html
{
	font-size: 16px;
	min-height: 100%;
}

body
{
	min-height: 100vh;
	margin: 0;
	background-color: #202124;
	color: #f1f3f4;
}

/* Main content */
main
{
	max-width: 900px;
	margin: 0 auto;
	padding: 4rem 1.5rem;
}

/* Headings */
h1
{
	font-weight: 300;
	letter-spacing: 0.08em;
	margin-bottom: 0.5rem;
}

h2,
h3
{
	font-weight: 400;
}

/* Introductory text */
.lead
{
	color: #c7c9cc;
}

/* Links */
a
{
	color: #8ab4f8;
}

	a:hover
	{
		color: #aecbfa;
	}

/* Placeholder panel */
.placeholder-panel
{
	margin: 3rem 0;
	padding: 4rem 2rem;
	text-align: center;
	border: 1px solid #3c4043;
	background-color: #292a2d;
	border-radius: 0.5rem;
}