.main {
	max-width: 56rem;
	margin: 0 auto;

	border-radius: 14px;
	overflow: visible;
	background: rgba(245, 245, 245, 0.14);
	border: 1px solid rgba(255, 255, 255, 0.34);
	box-shadow:
		0 22px 45px rgba(0, 0, 0, 0.2),
		inset 0 1px 0 rgba(255, 255, 255, 0.5);
	backdrop-filter: blur(12px) saturate(120%);
	-webkit-backdrop-filter: blur(12px) saturate(120%);
	transform: translateY(-4px);
}

.main-bg {
	display: flex;
	border-radius: inherit;
	overflow: hidden;
	justify-content: space-around;
	align-items: flex-start;
	box-shadow: none;
}

.loading-caption {
	width: 100%;
	display: flex;
	justify-content: center;
	text-align: center;
}

@media (min-height: 360px) { .main { margin-top: 13%; } }
@media (min-height: 720px) { .main { margin-top: 17%; } }
@media (min-height: 980px) { .main { margin-top: 23%; } }
@media (min-height: 2000px) { .main { margin-top: 27%; } }