*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}


.logo { 
	position: relative; 
	display: inline-block; 
} 
.logo img { 
	width: 150px; 
	height: auto; 
	display: block; 
	padding-left: 10px;
	padding-top: 10px;
} 

h1 {
	font-family: "Quicksand";
	font-size: 45px;
	font-weight: bold;
	color: #395194;
}
h2 {
	font-family: "Anton";
	font-size: 50px;
	color: #395194;
}
h3 {
	font-family: "Quicksand";
	font-weight: bold;
	font-size: 20px;
	color: #395194;
}
h4 {
	font-size: 20px;
}

.intro-info {
	font-family: "Anton";
	font-size: 40px;
	color: #395194;
	padding-bottom: 10px;
}

.prologue {
	max-width: 900px;
	background-color: #F7F7EF;
	padding: 30px;
	border-radius: 40px;
	font-family: "Quicksand";
	font-size: 24px;
	text-align: left;
}
.play {
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 40px;
	padding-right: 40px;
	background-color: #395194;
	border-radius: 20px;
	border: none;
	font-family: "Quicksand";
	font-weight: bold;
	font-size: 30px;
	color: #F7F7EF;
}
.play:hover {
	background-color: #DB9900;
}
.play a {
	text-decoration: none;
}
.game-button {
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 40px;
	padding-right: 40px;
	background-color: #395194;
	border-radius: 20px;
	border: none;
	font-family: "Quicksand";
	font-weight: bold;
	font-size: 30px;
	color: #F7F7EF;
}
.game-answer {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	background-color: #395194;
	border-radius: 10px;
	border: none;
	font-family: "Quicksand";
	font-weight: bold;
	font-size: 25px;
	color: #F7F7EF;
}
.game-answer a {
	text-decoration: none;
}

.game-options {
	display: flex;
	max-width: 1000px;
	padding-left: 100px;
	padding-right: 100px;
	justify-content: space-around;
}

.game-button:hover {
	background-color: #DB9900;
}
.game-button a {
	text-decoration: none;
}


.choices {
	justify-content: space-evenly;
	max-width: 1500px;
	display: flex;
	padding-right: 20px;
	padding-left: 20px;
}
.choice {
	max-width: 400px;
	background-color: #395194;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 20px;
	font-family: "Quicksand";
	font-weight: bold;
	color: #f7f7ef;
	border-radius: 30px;
	text-decoration: none;
}
.choice a {
	text-decoration: none;
}
.choice img {
	width: 200px;
	height: auto;
	padding-top: 20px;
	padding-bottom: 10px;
}


.terms {
	max-width: 950px;
	background-color: #f7f7ef;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 20px;
	padding-bottom: 25px;
	text-align: left;
}

.formal {
	padding-right: 8px;
	padding-left: 8px;
	padding-top: 3px;
	padding-bottom: 3px;
}


.riddle {
	max-width: 900px;
	background-color: #f7f7ef;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	font-family: "Quicksand";
	color: #395194;
	font-size: 16px;
	text-align: left;
}

.standstill {
	max-width: 900px;
	padding: 10px;
	font-family: "Quicksand";
	color: #395194;
	font-size: 20px;
	text-align: left;
}
.question {
	max-width: 200px;
	background-color: #395194;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 8px;
	padding-bottom: 8px;
	border-radius: 30px;
	font-family: "Quicksand";
	font-size: 20px;
	color: #f7f7ef;
}
.question a {
	text-decoration: none;
}
.question:hover {
	background-color: #DB9900;
}