<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/*reset browser style*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/*================================================================================*/
body
{
	font-family: 'futura_pt_m', Arial, sans-serif;
}
.page_sc
{
	height: 100vh;	
}
button
{
	border-radius: 5px;
	border:none;
	color: #333333;
	background: #FF9966;
	padding: 10px;
	font-family: 'futura_pt_m', Arial, sans-serif;
	font-weight: bold;
	font-size: 30px;
	width: 250px;
}
button:hover
{
	cursor: pointer;
	background: #FF6600;
}
h1
{
	font-family: 'Garamond';
	font-weight: bold;
	color: #333333;
}
/* PAGE 1*/
@media(min-width:1200px)
{
	h1
	{
		font-size: 5vh;
	}
	#section1
	{
		background: url("../image/banner_Main.png");
		background-size: auto 100%;
		background-repeat: no-repeat;
	}
	#section1 img
	{
		width: 50%; 
		margin-top: -3vh; 
		margin-left: 40%;
	}
	#section1_div
	{
		float: right; 
		margin-top: 25vh; 
		margin-right:5vw;
	}
	#section1_div_btn
	{
		text-align: center; 
		margin-top: 5vh;
		margin-left: 30%;
	}	
}
@media(max-width:1199px) /*and (min-width:600px)*/
{
	h1
	{
		font-size: 4vh;
		text-align: center;
		padding-top: 50vh;
	}
	#section1
	{
		background: url("../image/banner_Main_Mob.png");
		background-size: 100% auto;
		background-repeat: no-repeat;
		height: 100vh;
	}
	#section1 img
	{
		width: 50%; 
	}
	#section1_div
	{
		text-align: center;
	}
	#section1_div_btn
	{
		text-align: center; 
		padding-top: 50px;

	}
	
}
/* PAGE 2*/
@media(min-width:1000px)
{
	#section2
	{
		width: 100vw;
		display: flex;
		flex-direction: row;
  		justify-content: center;
	}
	#section2_D
	{

		height: 100vh;
		margin-right: 1vw;
	}
	#section2_D table
	{
		/*margin-left: 20px; width: 100%;*/
	}
	#section2_Dino
	{
		height: 100vh; 
		background: url('../image/Talking_Dino.png');
		background-size: auto 500px;
		background-repeat: no-repeat;
	}
	
	#section2_Dino div
	{
		text-align: center; 
		width: 350px;
		height: 200px; 
		margin: 0;
		font-family: futura_pt_ml; 
		color: #ffcc99; 
		font-size: 21px;
		line-height: 1; 
		margin-top: 340px;
	}
	#section2_D div
	{
		float: right;
		margin: 0 auto;
	}
	#sec2_p1
	{
		font-family: garamount; 
		color: #ff9966; 
		font-weight: bold; 
		font-size: 4vh; 
		margin-bottom: 0; 
		margin-top: 10vh;
		line-height: 5vh;
	}
	#sec2_p2
	{
		margin-top: 0; 
		font-family: futura_pt_m; 
		color: #333333; 
		font-size: 3vh;
		line-height: 4vh;
	}
	#td_12
	{
		height: 50vh; vertical-align: bottom;
	}
}
@media(max-width:999px)
{
	#section2
	{
		display: flex;
		flex-direction: column-reverse;
  		justify-content: center;
	}
	#section2_D
	{
		margin-right: 1vw;
		margin-left: 4vw;
		margin-top: -300px;
	}
	#section2_Dino
	{
		background: url('../image/Talking_Dino.png');
		background-size: auto 500px;
		background-repeat: no-repeat;
	}
	
	#section2_Dino div
	{
		text-align: center; 
		width: 350px;
		height: 200px; 
		margin: 0;
		font-family: futura_pt_ml; 
		color: #ffcc99; 
		font-size: 21px;
		line-height: 1; 
		margin-top: 340px;
	}
	#section2_D div
	{
		float: right;
		margin: 0 auto;
	}
	#sec2_p1
	{
		font-family: garamount; 
		color: #ff9966; 
		font-weight: bold; 
		font-size: 4vh; 
		margin-bottom: 0; 
		line-height: 5vh;
	}
	#sec2_p2
	{
		margin-top: 0; 
		font-family: futura_pt_m; 
		color: #333333; 
		font-size: 3vh;
		line-height: 4vh;
	}
	#td_12
	{
	
	}
}




/* PAGE 2*/
#section3
{
	/*background-color:lightblue;*/
	height: 105vh;
	background-image: url("../image/back_cect3.png");
}
#section3_CaptText
{
	padding:25px;
}
#section3 img
{
	width: 100%;
}
.parent1 
{
	display: grid;
    grid-template-columns: repeat(20, 5%);
    grid-template-rows: repeat(20, 5%);
	height: 90vh;
}

.child1
{
	grid-area: 1/2/3/4;
}

.child4
{
	grid-area: 7/18/12/21;
}

#section2_Dino div
{
	font-size: 19px;	
}
@media(min-width:1300px)
{
	.child2
	{
		grid-area: 1/13/5/15;
	}
	.child3
	{
		grid-area: 3/4/6/6;
	}
	.child5
	{
		grid-area: 7/9/15/13;
	}	
	.child6
	{
		grid-area: 8/2/19/7;
	}
	.child7
	{
		grid-area: 12/14/17/17;
	}	
	.textInBall
	{
		padding-top: 5vh;
	}
	.textInBall10
	{
		padding-top: 10vh;
	}
	.sect3_spn2
	{
		color: #ffffff; 
		font-size: 26px;
	}
	.sect3_spn18
	{
		color: #ffffff; 
		font-size: 24px;
		/*font-size: 1.8vw;*/
	}
}
@media(max-width:1300px) and (min-width:600px)
{
	.child2
	{
		grid-area: 1/13/5/16;
	}
	.child3
	{
		grid-area: 3/4/7/7;
	}
	.child5
	{
		grid-area: 7/11/15/15;
	}	
	.child6
	{
		grid-area: 10/2/18/8;
	}
	.child7
	{
		grid-area: 13/14/19/18;
	}
		.sect3_spn2
	{
		color: #ffffff; 
		font-size: 20px;
	}
	.sect3_spn18
	{
		color: #ffffff; 
		font-size: 20px;
	}
	.textInBall
	{
		padding-top: 5vh;
	}
	.textInBall10
	{
		padding-top: 10vh;
	}
}
@media(max-width:1099px) and (min-width:800px)
{
	.sect3_spn2
	{
		color: #ffffff; 
		font-size: 20px;
	}
	.sect3_spn18
	{
		color: #ffffff; 
		font-size: 20px;
	}
	.textInBall
	{
		padding-top: 3vh;
	}
	.textInBall10
	{
		padding-top: 5vh;
	}
}
@media(max-width:799px) and (min-width:606px)
{
	.sect3_spn2
	{
		color: #ffffff; 
		font-size: 15px;
	}
	.sect3_spn18
	{
		color: #ffffff; 
		font-size: 15px;
	}
	.textInBall
	{
		padding-top: 3vh;
	}
	.textInBall10
	{
		padding-top: 3vh;
	}
}
@media(max-width:605px) and (min-height:699px)
{	
	.child1
	{
		grid-area: 18/13/20/18;
	}
	.child4
	{
		grid-area: 1/17/4/21;
	}
	.child2
	{
		grid-area: 4/10/9/18;
	}
	.child3
	{
		grid-area: 2/2/5/8;
	}
	.child5
	{
		grid-area: 8/2/13/10;
	}	
	.child6
	{
		grid-area: 11/9/17/20;
	}
	.child7
	{
		grid-area: 14/1/19/9;
	}	
	.sect3_spn2
	{
		color: #ffffff; 
		font-size: 16px;
	}
	.sect3_spn18
	{
		color: #ffffff; 
		font-size: 16px;
	}
	.textInBall
	{
		/*padding-top: 4vh;*/
		display: flex;align-items: center;justify-content: center; 
		/*border: solid; border-width: 1px; height: 100%; border-color: darkblue;*/
	}
	.textInBall10
	{
		/*padding-top: 5vh;*/
		display: flex;align-items: center;justify-content: center; 
		/*border: solid; border-width: 1px; height: 100%; border-color: red;*/
	}
}
@media(max-width:605px) and (max-height:700px)
{	
	.child1
	{
		grid-area: 18/13/20/18;
	}
	.child4
	{
		grid-area: 1/17/4/21;
	}
	.child2
	{
		grid-area: 4/10/10/18;
	}
	.child3
	{
		grid-area: 2/2/6/8;
	}
	.child5
	{
		grid-area: 8/2/14/10;
	}	
	.child6
	{
		grid-area: 11/9/18/20;
	}
	.child7
	{
		grid-area: 14/1/20/9;
	}	
	.sect3_spn2
	{
		color: #ffffff; 
		font-size: 16px;
	}
	.sect3_spn18
	{
		color: #ffffff; 
		font-size: 16px;
	}
	.textInBall
	{
		/*padding-top: 4vh;*/
		display: flex;align-items: center;justify-content: center; 
		/*border: solid; border-width: 1px; height: 100%;*/
	}
	.textInBall10
	{
		/*padding-top: 5vh;*/
		display: flex;align-items: center;justify-content: center; 
		/*border: solid; border-width: 1px; height: 100%; border-color: red;*/
	}
}
	
	
.child6 img
{
	margin-left: 0px; 
	margin-top: 0px;
}


/* PAGE 4-5*/
.book
{
	padding: 10px;
	padding-bottom: 30px;
	text-align: center;
	/*
	border: solid;
	border-width: 1px;
	*/
}
.book img
{
	height: 45vh;
}
.book span
{
	font-size: 2.5vh;
	padding: 10px;
}
.book button
{
	margin-top: 3vh;
}
.section_Capt
{
	font-family: 'Garamond'; 
	font-size: 40px; 
	font-weight: bold; 
	color: #666666; 
	text-align: center;
}
.section_Capt p
{
	/*padding-top:20vh; */
}
.grid_BookS4
{
	display: flex; 
	align-items: center; 
	justify-content: space-evenly; 
	padding: 10px;
}
.grid_BookS4_Col
{
	width: 50vw; 
	height: 80vh;  
	background-size:40vh; 
}
.grid_BookS4_Col_R
{
	background: url('../image/tiger.png');
	background-position: bottom left;
	background-repeat: no-repeat; 
}
.grid_BookS4_Col_L
{
	
	background: url('../image/Mammoth.png');
	background-position: bottom right;
	background-repeat: no-repeat; 
}
#section4_GL
{
	float: right; 
	padding-right: 20px;
}
#section4_GR
{
	float: left; padding-left: 20px;
}
.bookGridFlex
{
	display: flex; 
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}
@media(max-width:400px)
{
	.book
	{
		/*height: 100vh;	*/
	}
}
@media(min-width:900px)
{
	.section_Capt
	{
		display: flex; align-items: center;justify-content: center;flex-wrap: wrap;
	}
	#section4
	{
		/*background-color: aqua;*/
		height: 100vh;	
	}
	#section5
	{
		/*background-color: burlywood;*/
		height: 100vh;	
	}
}

</pre></body></html>