body {
	position: absolute;
	inset: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: black;
	font-family: "Nunito", "Helvetica Neue", sans-serif;
	columns: 2;
}

[data-ir-role="container"][data-ir-active="true"] {
	display: flex;
	flex-flow: column;
	position: relative;
	height: 100%;
	width: 75ch;
	padding: 1rem;
	overflow-y: scroll;
	scroll-behavior: smooth;
}

[data-ir-role="choicebox"] {
	display: flex;
	flex-flow: column;
	gap: 0.5rem;
}

[data-ir-role="continue"] {
	background-color: white;
	clip-path: polygon(0% 0%, 100% 0%, 50% 100%, 0% 0%);
	margin-left: auto;
	height: calc(0.866 * 1rem);
	width: 1rem;
}

#testContainer {
	animation: fadein 1200ms ease-in-out forwards;
	flex: 1; 
	margin-right: 65%;
	place-self: center;
	background-color: black;
}

#videoContainer {
	position: absolute;
	inset: 0;
	z-index: -10000;
}


.testClass {
	color: white;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size:x-large;
	animation: fadein 600ms ease-in-out forwards;
}

@keyframes fadein {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

img,
video {
	position: absolute;
	object-fit: cover;
	height: 100%;
	width: 100%;
}

#background {
	position: absolute;
	inset: 0;
	z-index: -10000;
	margin-left: 35%;
}