* {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	user-select: none;
}

html,
body,
:root {
	width: 100%;
	min-height: 100vh;
	font-family: Zilla Slab, serif;
	font-size: 16px;
	font-weight: 400;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-overflow-scrolling: touch;
	background: #161625;
	color: #bdbdbd;
}

header,
main {
	max-width: 700px;
}

header {
	width: 90%;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px 0 0 0;
}

header .title-icon {
	margin-right: 20px;
	height: 50px;
	filter: drop-shadow(4px 4px 0px rgba(0, 0, 0, 0.5));
}

header .title {
	font-size: 36px;
	color: #ff6a6a;
	font-family: Bebas Neue;
	text-shadow: 3px 3px 0 #ff6a6a55;
}

header .subtitle {
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	color: #999;
}

header .spacer {
	width: 70px;
}

main {
	margin: 20px auto 60px;
}