@font-face {
	font-family: "Jetbrains Mono";
	src: url("/assets/JetBrainsMono-Regular.woff2") format("woff2"),
	url("/assets/JetBrainsMono-Regular.ttf")   format("truetype");
}
body {
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: #FAFAFA;
	color: #424242;
	font-family: "Jetbrains Mono", helvetica, arial, sans-serif;
}
main {
	position: absolute;
	width: 100vw;
	text-align: center;
	top: 50%;
	transform: translate(0, -50%);
}
main > span {
	font-size: 15vw; /* Browsers that don't support min() */
	font-size: min(15vw, 50vh);
	color: #9E9E9E;
}
main > span.highlighted {
	color: #424242;
}
main > span.red {
	color: #F4511E;
}
.progress {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 5px;
	width: 0;
}
#progress-bg {
	background-color: #9E9E9E;
}
#progress-fg {
	background-color: #43A047;
	animation-timing-function: linear;
	animation-fill-mode: forwards;
}
@keyframes progress {
	from {
		width: 0;
	}
	to {
		width: 100vw;
	}
}
/* FontAwesome */
i {
	font-size: 12px;
	color: #9E9E9E;
}
i:hover {
	cursor: pointer;
	color: #424242;
}