body {
	background-color: #f2f2f2; 
}

.main-container {
	display: flex;
	flex-direction: column;
}

.main-title {
	text-align: center;
}

.illustration {
	image-rendering: pixelated;

	text-align: center;
	width: auto;
	margin: 32px 64px;
}

.centered {
	text-align: center;
}

.game-iframe {
	margin: auto;
}

.button {
	margin: auto;
}

.temp-game-iframe {
	width: 640px;
	height: 360px;
	border: 1px solid gray;
	border-radius: 4px;
	background-color: lightgray;
	margin: auto;
	display: flex;
	justify-content: space-around;
}

.temp-game-iframe a {
	margin: 0.5em;
	border: 2px;
}


/* ==================== Start Button */
.start-button {
	margin: auto;
}

/* ==================== To manage smooth transitions between pages */
@view-transition {
  navigation: auto;
}