#holder {
	display: block;
	position: fixed;

	width: 100%;
	height: 100%;
	left: auto;
	right: auto;
	top: auto;
	padding: 0;
	bottom: auto;
	margin: auto;
	border: none;

	overflow: hidden;

	background-color: #141964;
}

:root {
	--vs: 1vw;
	--rs: calc(1vw / 6.4);
}

@media all and (min-aspect-ratio: 16/9) {
	#holder {
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		height: 100vh;
		width: 178vh;
		font-size: 4vh;
	}

	:root {
		--vs: calc(1vh * 16 / 9);
		--rs: calc(1vh * 16 / 9 / 6.4);
	}
}

@media all and (max-aspect-ratio: 16/9) and (min-aspect-ratio: 1/1) {
	#holder {
		top: 50%;
		left: 0;
		transform: translateY(-50%);
		height: 56.25vw;
		width: 100vw;
	}

	:root {
		--vs: 1vw;
		--rs: calc(1vw / 6.4);
	}
}

@media all and (max-aspect-ratio: 1/1) and (min-aspect-ratio: 9/16) and (orientation: portrait) {
	#holder {
		top: 50%;
		left: 50%;
		transform-origin: left top;
		transform: rotateZ(90deg) translateX(-50%) translateY(-50%);
		height: 56.25vh;
		width: 100vh;
	}

	.iOS.Safari #holder {
		height: 54vh;
		width: 96vh;
		margin-bottom: 25px;
	}

	.iPad #holder {
		height: 54vh;
		width: 96vh;
	}

	:root {
		--vs: 1vh;
		--rs: calc(1vh / 6.4);
	}
}

@media all and (max-aspect-ratio: 9/16) and (orientation: portrait) {
	#holder {
		top: 50%;
		left: 50%;
		transform-origin: left top;
		transform: rotateZ(90deg) translateX(-50%) translateY(-50%);
		height: 100vw;
		width: 178vw;
		font-size: 4vw;
	}

	:root {
		--vs: calc(1vw * 16 / 9);
		--rs: calc(1vw * 16 / 9 / 6.4);
	}
}

@media all and (aspect-ratio: 16/9) {
	#holder {
		top: 0;
		left: 0;
		transform: none;
		height: 56.25vw;
		width: 100vw;
	}

	:root {
		--vs: 1vw;
		--rs: calc(1vw / 6.4);
	}
}

@media all and (aspect-ratio: 1/1) and (orientation: portrait) {
	#holder {
		top: 50%;
		left: 50%;
		transform-origin: left top;
		transform: translateX(-50%) translateY(-50%);
		height: 56.25vw;
		width: 100vw;
	}

	:root {
		--vs: 1vw;
		--rs: calc(1vw / 6.4);
	}
}

@media all and (aspect-ratio: 9/16) and (orientation: portrait) {
	#holder {
		top: 50%;
		left: 50%;
		transform-origin: left top;
		transform: rotateZ(90deg) translateX(-50%) translateY(-50%);
		height: 100vw;
		width: 178vw;
		font-size: 4vw;
	}

	:root {
		--vs: calc(1vw * 16 / 9);
		--rs: calc(1vw * 16 / 9 / 6.4);
	}
}