/* * * Background Color * * */

:root {
	--bg-color: #000000;
}

/* * * Main page style * * */

iframe {
	border: none;
	aspect-ratio: 1 / 1;
	width: 100%;
}

.iframe-container {
	aspect-ratio:  1 / 1;
	overflow: hidden;
}

body {
	/*overflow: hidden;*/
	margin: 0;
	height: 100vh;
	width: 100vw;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: var(--bg-color);
}

.container {
	height: 100%;
	width: 100%;
	position: relative;
	/*display: flex;
	flex-wrap: wrap;
	justify-content: center;*/
	display: grid;
	grid-template-columns: repeat(2, auto);
	justify-content: center;
	align-content: center;
}

	.container .stop-click {
		position: absolute;
		height: 100%;
		width: 100%;
		z-index: 2;
	}