html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 100vh;
	background-color: #3F8FC7;
	background-image: linear-gradient(160deg, #1c3f57 0%, #3F8FC7 45%, #8ACAF6 100%);
	background-attachment: fixed;
	font-family: "Trebuchet MS", sans-serif;
}

.stage {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 24px;
	box-sizing: border-box;
}

.logoCard {
	background-color: #ffffff;
	border-radius: 16px;
	padding: 6vw;
	box-shadow: 0 20px 60px rgba(10, 30, 45, 0.35);
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 100%;
}

.logo {
	display: block;
	width: min(300px, 60vw);
	height: auto;
}

@media (max-width: 480px) {
	.logoCard {
		padding: 8vw;
		border-radius: 12px;
	}
}