html {
	--background-100: #141414;
	--forground-100: #f2f2f2;
	--forground-200: #b0b0b0;
}

body {
	background-color: var(--background-100);
	font-family: 'Roboto Flex', sans-serif;
	color: var(--forground-100);
	margin: 0;
	padding: 0;

	min-height: 100vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

#wordmark {
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: 7rem;
}

#coming-soon {
	text-align: center;
	font-weight: 400;
	font-size: 2rem;
	margin-bottom: 0px;
	color: var(--forground-200);

	strong {
		font-weight: 600;
	}
}

#date {
	text-align: center;
	font-weight: 500;
	font-size: 3rem;
	margin-top: 1rem;
	color: var(--forground-100);
}