@charset "UTF-8";
/* CSS Document */

#wrapper {
    width: 1551px;
    height: 3700px;
}

#anomaly_contents {
	position: absolute;
	width: 1270px;
	height: 3700px;
	margin-top: 5px;
	margin-left: 281px;
}

.anomaly-container {
	position: relative;
	top: -9px;
	left: 281px;
	height: 45px;
	width: 1270px;
	border-bottom: solid;
	border-bottom-width: 1px;
	cursor: default;
}

.anomaly {
	font-family: quasimoda, sans-serif;
    font-size: 26px;
    font-style: normal;
	font-weight: 100;
    color: rgba(0,0,0,1.00);
	cursor: text;
}

.ab_text{position: relative; left: 960px; top: -14px; width: 305px; font-family: quasimoda, sans-serif; font-size: 16px; font-style: normal; font-weight: 200; line-height: 1.5em; color: rgba(0,0,0,1.00); cursor: text;}
.title_sequence{position: absolute; width: 950px; height: 420px;}
.ab_holder {
	position: absolute;
	top: -4px;
	width: 1270px;
	height: 420px;
}

.front_cover {
	position: absolute;
	top: 426px;
	width: 310px;
	height: 207px;
	cursor: pointer;
}

.contents_page {
	position: absolute;
	top: 643px;
	width: 310px;
	height: 207px;
	cursor: pointer;
}

.page_5 {
	position: absolute;
	top: 426px;
	left: 320px;
	width: 310px;
	height: 207px;
	cursor: pointer;
}

.page_7 {
	position: absolute;
	top: 643px;
	left: 320px;
	width: 310px;
	height: 207px;
	cursor: pointer;
}

.page_9 {
	position: absolute;
	top: 426px;
	left: 640px;
	width: 310px;
	height: 207px;
	cursor: pointer;
}

.page_11 {
	position: absolute;
	top: 643px;
	left: 640px;
	width: 310px;
	height: 207px;
	cursor: pointer;
}

.page_13 {
	position: absolute;
	top: 426px;
	left: 960px;
	width: 310px;
	height: 207px;
	cursor: pointer;
}

.page_15 {
	position: absolute;
	top: 643px;
	left: 960px;
	width: 310px;
	height: 207px;
	cursor: pointer;
}

.book_sc-container {
	position: absolute;
	top: 861px;
	width: 1270px;
	height: 428px;
}

.book_sc {
	width: 1270px;
	height: 428px;
}

.book_sc-text {
	position: absolute; 
	top: -20px; 
	text-align: left; 
	font-family: quasimoda, sans-serif; 
	font-size: 16px; 
	font-style: normal; 
	font-weight: 200; 
	line-height: 1.5em; 
	color: rgba(0,0,0,1.00); 
	cursor: text;
}

.blackholes_text-cont {position: relative; top: -30px; text-align: left; font-family: quasimoda, sans-serif; font-size: 16px; font-style: normal; font-weight: 200; line-height: 1.5em; color: rgba(0,0,0,1.00); cursor: text;}
.blackholes_text {font-family: quasimoda, sans-serif; font-size: 26px; font-style: normal; font-weight: 100; color: rgba(0,0,0,1.00); position: relative; top: -15px; width: 630px; height: 41px; cursor: text;}
.blackholes_text_holder {
	position: absolute; 
	top: 0px; 
	left: 640px; 
	width: 630px; 
	height: 354px; 
	border-top: solid; 
	border-top-width: 1px;
	cursor: default;
}

.blackholes_container {
	position: absolute;
	top: 2758px;
	width: 1270px;
	height: 354px;
}

#blackholes {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 630px;
	height: 354px;
	cursor: default;
}

.blackholes {
	width: 630px;
	height: 354px;
	cursor: default;
}

.gravity_text-cont {position: relative; text-align: left; top: -30px; font-family: quasimoda, sans-serif; font-size: 16px; font-style: normal; font-weight: 200; line-height: 1.5em; color: rgba(0,0,0,1.00); cursor: text;}
.gravity_text {font-family: quasimoda, sans-serif; font-size: 26px; font-style: normal; font-weight: 100; color: rgba(0,0,0,1.00); position: relative; top: -15px; width: 630px; cursor: text;}
.gravity_text_holder {
	position: absolute; 
	top: 0px; 
	left: 640px; 
	width: 630px; 
	height: 354px; 
	border-top: solid; 
	border-top-width: 1px;
	cursor: default;
}

.gravity_container {
	position: absolute;
	top: 2028px;
	width: 1270px;
	height: 354px;
}

#gravity {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 630px;
	height: 354px;
	cursor: default;
}

.gravity {
	width: 630px;
	height: 354px;
	cursor: default;
}

.moon_text-cont {position: relative; text-align: left; top: -30px; font-family: quasimoda, sans-serif; font-size: 16px; font-style: normal; font-weight: 200; line-height: 1.5em; color: rgba(0,0,0,1.00); cursor: text;}
.moon_text {font-family: quasimoda, sans-serif; font-size: 26px; font-style: normal; font-weight: 100; color: rgba(0,0,0,1.00); position: relative; top: -15px; width: 630px; cursor: text;}
.moon_text_holder {
	position: absolute; 
	top: 0px; 
	left: 640px; 
	width: 630px; 
	height: 354px; 
	border-top: solid; 
	border-top-width: 1px;
	cursor: default;
}

.moon_container {
	position: absolute;
	top: 1298px;
	width: 1270px;
	height: 354px;
}

#moon {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 630px;
	height: 354px;
	cursor: default;
}

.moon {
	width: 630px;
	height: 354px;
	cursor: default;
}

.soundwaves_text-cont {position: relative; text-align: left; top: -30px; font-family: quasimoda, sans-serif; font-size: 16px; font-style: normal; font-weight: 200; line-height: 1.5em; color: rgba(0,0,0,1.00); cursor: text;}
.soundwaves_text {font-family: quasimoda, sans-serif; font-size: 26px; font-style: normal; font-weight: 100; color: rgba(0,0,0,1.00); position: relative; top: -15px; width: 630px; cursor: text;}
.soundwaves_text_holder {
	position: absolute; 
	top: 0px; 
	left: 640px; 
	width: 630px; 
	height: 354px; 
	border-top: solid; 
	border-top-width: 1px;
	cursor: default;
}

.soundwaves_container {
	position: absolute;
	top: 2393px;
	width: 1270px;
	height: 354px;
}

#soundwaves {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 630px;
	height: 354px;
	cursor: default;
}

.soundwaves {
	width: 630px;
	height: 354px;
	cursor: default;
}

.ripple_text-cont {position: relative; text-align: left; top: -30px; font-family: quasimoda, sans-serif; font-size: 16px; font-style: normal; font-weight: 200; line-height: 1.5em; color: rgba(0,0,0,1.00); cursor: text;}
.ripple_text {font-family: quasimoda, sans-serif; font-size: 26px; font-style: normal; font-weight: 100; color: rgba(0,0,0,1.00); position: relative; top: -15px; width: 630px; cursor: text;}
.ripple_text_holder {
	position: absolute; 
	top: 0px; 
	left: 640px; 
	width: 630px; 
	height: 354px; 
	border-top: solid; 
	border-top-width: 1px;
	cursor: default;
}

.ripple_container {
	position: absolute;
	top: 3123px;
	width: 1270px;
	height: 354px;
}

#ripple {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 630px;
	height: 354px;
	cursor: default;
}

.ripple {
	width: 630px;
	height: 354px;
	cursor: default;
}

.warps_text-cont {position: relative; text-align: left; top: -30px; font-family: quasimoda, sans-serif; font-size: 16px; font-style: normal; font-weight: 200; line-height: 1.5em; color: rgba(0,0,0,1.00); cursor: text;}
.warps_text {font-family: quasimoda, sans-serif; font-size: 26px; font-style: normal; font-weight: 100; color: rgba(0,0,0,1.00); position: relative; top: -15px; width: 630px; cursor: text;}
.warps_text_holder {
	position: absolute; 
	top: 0px; 
	left: 640px; 
	width: 630px; 
	height: 354px; 
	border-top: solid; 
	border-top-width: 1px;
	cursor: default;
}

.warps_container {
	position: absolute;
	top: 1663px;
	width: 1270px;
	height: 354px;

}

#warps {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 630px;
	height: 354px;
	cursor: default;
}

.warps {
	width: 630px;
	height: 354px;
	cursor: default;
}

.additional {
	position: absolute;
	right: 0px;
	bottom: 380px;
	text-align: right;
	font-family: quasimoda, sans-serif; 
	font-size: 16px;
	font-style: normal; 
	font-weight: 400; 
	color: rgba(0,0,0,1.00);
}

.holder2 {
	position: absolute;
	bottom: 0px;
    width: 1280px;
    height: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(0,0,0,1.00);
}