html {
	min-height: 100vh;
	min-height: -webkit-fill-available;
	background-color: black;
	background-image: url('/assets/bg.jpg');
	background-repeat: repeat;
	background-attachment: fixed;
	background-size: 100%;
}

body {
	min-height: 100vh;
	min-height: -webkit-fill-available;
	
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	justify-content: center;
	
	margin: auto;
	padding: auto;
}

.page_section {
	text-align: center;
	width: 100%;
}

.page_main {
	width: 100%;
	height: 100%;
	
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	justify-content: center;
	
	margin: auto;
	padding: auto;
}

.full_page {
	position: relative;
	z-index: 3;
	filter: drop-shadow(0 0.5rem 1rem #000);
	border-radius: 0.3rem 0.3rem;
}

.left_page {
	position: relative;
	z-index: 3;
	filter: drop-shadow(0 0.5rem 1rem #000);
	border-radius: 0.3rem 0rem 0rem 0.3rem;
}

.right_page {
	position: relative;
	z-index: 0;
	filter: drop-shadow(0 0.5rem 1rem #000);
	border-radius: 0rem 0.3rem 0.3rem 0rem;
}

.pointer {
	cursor: auto;
}

.pointer:hover {
	cursor: pointer;
}

.arrow_button {
	padding: 0 50px 0 50px;
	margin: auto;
	transition:0.2s;
	filter: invert(100%) brightness(200%);
	z-index: 2;
}

.arrow_button:hover {
	transform: scale(1.25, 1.25);
	transform-origin: center;
	cursor: pointer;
	transition:0.2s;
}

.flipped_arrow_button {
	padding: 0 50px 0 50px;
	margin: auto;
	
	filter: invert(100%) brightness(200%);
	z-index: 2;
	transition:0.2s;
	transform: scale(-1,1);
}

.flipped_arrow_button:hover {
	transform: scale(-1.25, 1.25);
	transform-origin: center;
	cursor: pointer;
	transition:0.2s;
}