body {
	display: flex;
	justify-content: center;
	align-items: center;

	background-color: #f9f9f9;
}

h1,
p,
label {
	color: #333;
	font-family: "Nunito";
	text-decoration: none;
}

#background-logo {
	display: none;
}

#container {
	display: flex;
	justify-content: center;
	align-items: center;

	width: 100vw;
	height: 100vh;

	z-index: 1;
}

#content {
	display: flex;
	justify-content: center;
	align-items: center;

	flex-direction: column;
}

#description-box {
	display: flex;
	align-items: center;
	flex-direction: column;
}

#description-box p {
	text-align: center;
}

#description {
	width: 80%;
}

#buttons-box {
	padding: 3rem 0;

	display: flex;
}

.app-download-button {
	width: 180px;
	height: 40px;

	display: flex;
	justify-content: center;
	align-items: center;

	border-radius: 6px;
	background-color: #fff;

	box-shadow: 4px 4px 4px 0px rgba(50, 50, 50, 0.15);

	font-size: 14px;
	font-family: "Nunito-SemiBold";
	color: #ff3333;

	text-align: center;
	text-decoration: none;
}

.app-download-button img {
	margin-right: 0.5rem;
}

#buttons-box a:first-child {
	margin-right: 1rem;
}

@media (min-width: 1100px) {
	#content {
		max-width: 1100px;

		z-index: 1;

		display: grid;
		grid-template-columns: 1fr 2fr;
		grid-template-areas: "logo" "description";
	}

	#background-logo {
		display: flex;

		z-index: 0;
		position: absolute;
		top: 40px;
		right: 40px;
	}

	.app-download-button {
		width: 220px;
	}
}