body {
	background-color: red;
}

#space2 {
	
	
margin-left: 71%;
	margin-top: 17%;
	position: fixed;

}

#sky {
	margin-left: 71%;
	margin-top: 1%;
	position: fixed;
	

}


#frame {
	border: 0px none; 
	margin-left: -120px;
	height: 500px; 
	width: 800px; 
 	visibility: visible;
	transform: scale(.385);
	position: fixed;
	top: 38%;
	left: 62%;
}

#groundimg {

	top: 400px;
	width: 901px;
	height: 200px;
	position: fixed;
	filter: blur(1px);

}


#tree1img {
	filter: blur(.7px);
	width: 520px;
	position: fixed;
	top: 50px;



}

#apple {

	width: 0px;
	position: fixed;
	top: 260px;
	left: 270px;
	animation-name: apple;
    animation-duration: 20s;
    animation-iteration-count: 1;
    animation-delay: 5s;

} 


@keyframes apple {
    0%   {top:260px;
    		width:10px;
    		left: 270px;
    		transform: rotate(0deg);}
    25%    {top:260px;
    		width:50px;
    		left:270px;
    		transform: rotate(15deg);}
    40%    {top:450px;
    		left: 270px;
    		transform: rotate(60deg);}
    45%		{top:400px;
    		left:300px;
    		transform: rotate(90deg);}
    60%  {top:450;
    		left:350px;
    		transform: rotate(180deg);}
    100%  {top:450px;
    		left:400px;
    		transform: rotate(360deg);
    		width: 50px;}	

}

#banana {

	width: 0px;
	left: 270px;
	position: fixed;
	top: 270px;
	animation-name: banana;
    animation-duration: 20s;
    animation-iteration-count: 1;
   
    animation-delay: 30s;

} 



@keyframes banana {
    0%   {top:260px;
    		width:10px;
    		left: 270px;
    		transform: rotate(0deg);}
    25%    {top:260px;
    		width:100px;
    		left:270px;
    		transform: rotate(15deg);}
    40%    {top:450px;
    		left: 270px;
    		transform: rotate(60deg);}
    45%		{top:400px;
    		left:300px;
    		transform: rotate(90deg);}
    60%  {top:450;
    		left:350px;
    		transform: rotate(180deg);}
    100%  {top:450px;
    		left:400px;
    		transform: rotate(360deg);
    		width: 100px;}	

}


/*#container-ground {

	width: 2000px;
	height: 300px;
	background: red;
	position: fixed;
	top: 440px;

}*/

#container-sky {

	width: 900px;
	height: 70px;
	position: fixed;


	
}


#quoteDisplay {
	position: fixed;
	font-size: 270%;
	left: 2%;
	top: 85%;
	font-style: oblique;
	color: yellow;
	


}

#txt {
	position: fixed;
	left: 48%;
	/*top: 40%;*/
	font-size: 700%;
	font-style: oblique;
	color: yellow;
	animation-name: txt;
    animation-duration: 10s;
    animation-iteration-count: infinite;

} 


@keyframes txt {
    0%   {color:red;
    		top:58%;}
    16%  {color:orange;}
    32%  {color:yellow;}
    48% {color:green;
    		top:68%;}
    64%  {color:blue;}
    80%  {color:purple;}
    100%  {color:red;
    		top:58%;}
   
}

h1 {
	position: absolute;
	top: 49%;
	left: 49%;
}