body {
	height: 100%;
}
header .logo-titre img {
	width: 12em;
	padding-top: 2em;
}
header h1 {
	font-size: 3em;
}
.carte {
	margin-left: 1em;
	margin-right: 1em;
	padding-top: 4em;

	display: flex;
	justify-content: unset;
	gap: 2em;
}
h2 {
	font-size: 3em;
}
.h2top {
	padding-left: 4em;
	padding-right: 4em;
}
footer img {
	height: 7em;
	width: 6em;
	padding-right: 5em;
}
#progress-container {
	height: 2em;
}
#hint-giveup {
	margin-top: 5em;
}

footer button {
	margin-left: 5em;
	margin-top: 1.2em;
}

.container-option {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 2em;
	margin-top: 2em;
}

.flag-image {
	width: 20em;
	margin-top: 1em;
	height: 13em;
	max-height: 15em;
}
#next-button {
	margin-top: 0;
	font-size: xx-large;
}
.option-button {
	font-size: 2em;
	padding: 0;
}
.avatar {
	height: 10em;
}
.question-class {
	font-size: 2em;
}