body{
	margin: 0px !important;
	padding: 0px !important;
	max-width: 100vw;
	font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
	font-size: 1.05em;
	background-color:#000;
}
.section{
	width:80%;
	padding:10rem 10%;
}
.section i{
	float: left;
	font-size: 6rem;
	padding: 0rem .5rem 0rem 0rem;
}
.section p{
	padding: 2%;
	border-left: 1px solid;
	border-bottom: 1px solid;
}
.section i, .section p, .section h1{
	position:relative;
	z-index:10;
}
.skytop{
	height:5rem;
	position:relative;
	top:-5rem;
	margin-bottom:-5rem;
	background: rgb(20,66,80);
	background: -moz-linear-gradient(0deg, rgba(20,66,80,1) 0%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(0deg, rgba(20,66,80,1) 0%, rgba(0,0,0,0) 100%);
	background: linear-gradient(0deg, rgba(20,66,80,1) 0%, rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#144250",endColorstr="#000000",GradientType=1);
}
.trees{
	height:10rem;
	background-color:#fff !important;
	background: URL("../images/treeline.png");
	background-position: right bottom;
	background-repeat: repeat-x;
	background-size: contain;
}
.fence{
	height:5rem;
	background-color:#0D9F0D !important;
	background: URL("../images/fence.png");
	background-position: right;
	background-size: contain;
}
.chapter1{
	background: URL("../images/stars.png");
	background-size: contain;
	color: white;
	background-attachment: fixed;
}
.chapter1 p{
	background: rgb(255,255,255);
	background: -moz-linear-gradient(10deg, rgba(255,255,255,0.25) 0%, rgba(0,0,0,0.75) 50%);
	background: -webkit-linear-gradient(10deg, rgba(255,255,255,0.25) 0%, rgba(0,0,0,0.75) 50%);
	background: linear-gradient(10deg, rgba(255,255,255,0.25) 0%, rgba(0,0,0,0.75) 50%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#000000",GradientType=1);
	-moz-border-image: -moz-linear-gradient(10deg, rgba(255,255,255,0.5) 0%, rgba(0,0,0,0.75) 50%);
	-webkit-border-image: -webkit-linear-gradient(10deg, rgba(255,255,255,0.5) 0%, rgba(0,0,0,0.75) 50%);
	border-image: linear-gradient(10deg, rgba(255,255,255,0.5) 0%, rgba(0,0,0,0.75) 50%);
	border-image-slice: 1;
}
.chapter2{
	background: rgb(255,255,255);
	background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(130,203,239,1) 50%, rgba(20,66,80,1) 100%);
	background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(130,203,239,1) 50%, rgba(20,66,80,1) 100%);
	background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(130,203,239,1) 50%, rgba(20,66,80,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#144250",GradientType=1);
}
.chapter2 p{
	background: rgb(154,207,220);
	background: -moz-linear-gradient(10deg, rgba(154,207,220,0.50) 0%, rgba(255,255,255,0.75) 100%);
	background: -webkit-linear-gradient(10deg, rgba(154,207,220,0.50) 0%, rgba(255,255,255,0.75) 100%);
	background: linear-gradient(10deg, rgba(154,207,220,0.50) 0%, rgba(255,255,255,0.75) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9acfdc",endColorstr="#ffffff",GradientType=1);
	border-color:#fff !important;
}
.chapter3{
	background-color:#0D9F0D;
	color:#00fe00;
}
.chapter3 p{
	background: rgb(120,94,41);
	background: -moz-linear-gradient(10deg, rgba(120,94,41,1) 0%, rgba(13,159,13,1) 100%);
	background: -webkit-linear-gradient(10deg, rgba(120,94,41,1) 0%, rgba(13,159,13,1) 100%);
	background: linear-gradient(10deg, rgba(120,94,41,1) 0%, rgba(13,159,13,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#785e29",endColorstr="#0d9f0d",GradientType=1);
	border-color:#00fe00 !important;
}
.chapter3 table{
	width:100%;
	border-collapse: collapse;
}
.chapter3 input, textarea{
	width:85%;
	height: 1.5rem;
	font-size:1rem;
	padding: 0rem .5rem;
	margin-bottom: .5rem;
	border-radius: 10px;
	border: 1px solid #00fe00;
	color:#00fe00;
	background-color:#0000004a;
}
.chapter3 textarea{
	font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
	padding-top:.5rem;
	height:calc(100% - 1.2rem);
}
.animated{
	position: relative;
	z-index:5;
	height:0px;
	width:0px;
}
.satellite{top: 20rem;}
.satellite img{}
.ufo{top: 7rem;}
.ufo img{width: 6rem;}
.balloon_red{top: 16rem;}
.balloon_red img{width: 4.5rem;}
.balloon_blue{top: 20rem;}
.balloon_blue img{width: 6rem;}
.cloud img{opacity: 50%;}
.cloud1{top: 16rem;}
.cloud1 img{width: 19rem;}
.cloud2{top: 14rem;}
.cloud2 img{width: 25rem;}
.cloud3{top: 14rem;}
.cloud3 img{width: 31rem;}
.cloud4{top: 12rem;}
.cloud4 img{width: 50rem;}
@media only screen and (orientation: landscape) and (min-width: 1000px) {
	.section{width:50%;padding:10rem 25%;}
	.chapter3 input, textarea{
		width:90%;
		height: 3rem;
		font-size:1.5rem;
	}
}