@charset "UTF-8";

/* --------------------------------------------------------------------- */
/* base */
/* --------------------------------------------------------------------- */

*,html{
	margin: 0px;
	padding: 0px;
	}

html{
	}

body {
	font-family: 'Cormorant Garamond', serif;
	color: #ffe7cd;
	background-color:#7fdde9;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: none;
	-webkit-font-feature-settings: pkna;
	-moz-font-feature-settings: pkna;
	font-feature-settings: pkna;
}

#pool{ height:3500px; margin:30% 0 0 0; position:relative;}

.p01,
.o01,
.o02,
.l01,
.s01,
.i01,
.d01,
.e01,
.b01,
.a01,
.r01,
.u01,
.s02,
.u02{
	font-size:1000%;
	position: absolute;
	-webkit-filter: drop-shadow(0px 0px 20px rgba(100,180,210,.8));
	filter: drop-shadow(0px 0px 20px rgba(100,180,210,.8));
}


.p01{top: 50px; left: 7%;}
.o01{top: 250px; left: 22%;}
.o02{top: 450px; left: 37%;}
.l01{top: 650px; left: 52%;}
.s01{top: 850px; left: 7%;}
.i01{top: 1050px; left: 22%;}
.d01{top: 1250px; left: 37%;}
.e01{top: 1450px; left: 52%;}
.b01{top: 1650px; left: 7%;}
.a01{top: 1850px; left: 22%;}
.r01{top: 2050px; left: 37%;}
.u01{top: 2250px; left: 52%;}
.s02{top: 2450px; left: 67%;}
.u02{top: 2650px; left: 82%;}


.cp{
	font-size:100%;
	top: 3100px;
	left: 7%;
	position: absolute;
	-webkit-filter: drop-shadow(0px 0px 20px rgba(100,180,210,.8));
	filter: drop-shadow(0px 0px 20px rgba(100,180,210,.8));
}

@media screen and (max-width: 768px){

.p01{top: 50px; left: 7%;}
.o01{top: 250px; left: 17%;}
.o02{top: 450px; left: 27%;}
.l01{top: 650px; left: 37%;}
.s01{top: 850px; left: 7%;}
.i01{top: 1050px; left: 17%;}
.d01{top: 1250px; left: 27%;}
.e01{top: 1450px; left: 37%;}
.b01{top: 1650px; left: 7%;}
.a01{top: 1850px; left: 17%;}
.r01{top: 2050px; left: 27%;}
.u01{top: 2250px; left: 37%;}
.s02{top: 2450px; left: 47%;}
.u02{top: 2650px; left: 57%;}

}


.fad {
	opacity : 0;
	transform : translate(0, 10px);
	transition : all 700ms;
}

.fad.scrollin {
	opacity : 1;
	transform : translate(0, 0);
}