body,html {
	background: #242424;
	margin: 0px;
	padding:0px;
}

#app {
	display: flex;
}

#front-page {
	position: absolute;
	width: 100%;
}

#spacerace {
	position: absolute;
	display: flex;
	flex-direction: column;
	top: 35%;
	left: 5%;	
	translate: transform(-50%);
}

#spacerace > h1 {
	font-size: 3.125em;
	margin: 0px;
	padding: 0px;
	font-family: 'Inter', sans-serif;
	font-weight: 400;
	color:white;
}
#spacerace > div > p {
	font-size: 1.25em;
	margin:  0px;
	padding: 0px;
	margin-right: 0.5em;
}
#bg {
	height:50vh;
	width: 100%;
	object-fit: none;
	object-position: 0 80%;
}

#broughtToYouBy {
	display: flex;
	align-content: center;
}

#descriptions {
	display: flex;
	justify-content: space-around;
	align-content: center;
	width: 100%;
	align-items: baseline;
	margin-top: 2em;
}

.explanations {
	display: flex;
	flex-direction: column;
	text-align: center;
	max-width: 25%;
	align-items: center;
}

.explanations > svg {
	margin-bottom: 1em;
}

#ranking, #money {
	width: 15em;
}

#microphone {
	width: 10em;
}

/* Mobile */ 
@media not all and (min-width: 640px) {
	#descriptions {
		flex-direction: column;
		justify-content: center !important;
	}
	.explanations {
		max-width: 100% !important;
	}
}

* { font-family: 'Inter', sans-serif; font-weight: 500; color: white}