img.right_character{
	position: absolute;
	bottom: 0px;
	left: 200vw;
	min-height: 98%;
	image-rendering: pixelated;
	user-scalable: no;
	transform: scaleX(-1);
}
#right_character_div {
	z-index: 5;
	position: relative;
	animation-name: right_character_slideIn;
	animation-duration: 0.75s;
	animation-fill-mode: forwards;
	animation-play-state: paused;
	pointer-events: none;
}
@keyframes right_character_slideIn {
	from {right: 0vw;}
	to {right: 130vw;}
}
@keyframes right_character_slideOut {
	from {right: 130vw;}
	to {right: 0vw;}
}


img.left_character{
	position: absolute;
	bottom: 0px;
	left: -92vw;
	min-height: 98%;
	image-rendering: pixelated;
}
#left_character_div {
	z-index: 5;
	position: relative;
	animation-name: left_character_slideIn;
	animation-duration: 0.75s;
	animation-fill-mode: forwards;
	animation-play-state: paused;
	pointer-events: none;
}
@keyframes left_character_slideIn {
	from {left: 0vw}
	to {left: 87vw;}
}
@keyframes left_character_slideOut {
	from {left: 87vw}
	to {left: 0vw;}
}

@keyframes fadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}
	
@keyframes fadeOut {
	from { opacity: 1; }
	to { opacity: 0; }
}

.openbound {
	z-index: 100;
	position: fixed;
	top: 0px;
	display: flex;
	pointer-events: none;
	width: 100vw;
	height: 100%;
}

#text_box {
	justify-content: center;
	justify-items: center;
	display: block;
	position: absolute; 
	animation-name: fadeIn;
	animation-duration: 0.5s;
	animation-fill-mode: forwards;
	animation-play-state: paused;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

#text_box img {
	z-index: 1; 
	position: absolute;
	display: block;
	margin-left: auto;
	margin-right: auto;
	bottom: 3.5%;
	left: 20%;
	width: 60%;
	pointer-events: none;
}

#text_box p {
	z-index: 2;
	color: black;
	font-size: 1vw;
	font-family: CourierPixel;
	position: absolute;
	display: block;
	margin-left: auto;
	margin-right: auto;
	top: 20%;
	width: 47.5%;
	word-wrap: break-word;
	white-space: pre-wrap;
	pointer-events: auto;
}

.left_text {
	z-index: 2;
	color: black;
	font-size: 1vw;
	font-family: CourierPixel;
	position: absolute;
	display: block;
	margin-left: auto;
	margin-right: auto;
	top: 10%;
	left: 44%;
	width: 40%;
}