@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@400;700&display=swap');
	
	body, html{
  background-color: #104859;
  height: 100%;
  font-family: 'Kanit', sans-serif;
  line-height: 1.5;
  color: mintcream; }

  header{
  background-image: url("images/moons.png");
  text-align:center;
  background-size:100%;
  padding:240px ;
  margin: 100px 100px;
    }

h1{
 text-shadow: 3.5px 3.5px #AA7E27;

}
 h3{
 	color:#edb340;
 	text-shadow: 0.25px 0.25px #AA7E27 ;
 }

/*<!--links-->*/

 a:link{
  color:mintcream;
 }

a:visited{
  color:#ccbaba;
 }

 a:hover{
  color:#AA7E27;
 }
  .parallax {
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;

}

/* <!-- scroller images -->*/

#info{
	background-image: url("images/stars.jpg");
	background-position: top;
	text-align: center;
	padding:500px;}

#chapter-0{
  background-image: url("images/map7final.jpg");
  padding:475px;
}


#chapter-1{
	background-image: url("images/greensky.jpg");
	background-size: 100%;
	padding:450px;
	t
}


#chapter-2{
	background-image: url("images/darksky.jpg");
	background-size: 100%;
	padding:515px;
}



#chapter-3{
	background-image: url("images/daydream.jpg");
	background-size: 100%;
	padding:500px;
}



#chapter-4{
	background-image: url("images/blueman.png");
	background-size: 100%;
	padding:485px;
}


#chapter-5{
 background-image: url("images/purplesky.jpg");
 background-size: 100%;
padding:490px;
}



#chapter-6{
	background-image: url("images/colorman.jpg");
	background-size: 100%;
	padding:575px;
}


#chapter-7{
	background-image: url("images/man2.jpg");
  background-size: 100%;
	padding:550px;
}

#chapter-8{
	background-image: url("images/7boys.jpg");
	background-size:cover;
	background-position:top center;
	padding:500px;
	} 

#statement{
	background-image: url("images/boys.jpg");
	background-position: top;
	padding:400px;
	background-size:cover;
text-align: center;}