/*body{
	background-color: black;
}*/
#shape { 
	background: blue; 
	width: 100px;
	height: 100px;
}

.container {
	display: none;
	text-align: center;
	vertical-align: middle;
	position: center;
	margin-top: 100px;

}
.window{
	margin-top: 50px;
	border:solid black 30px; 
	width:2000px;
	height: 400px;
	background: black;
	display:inline-block;
	filter: blur(5px);
}
.rectangle{
	margin-top: 50px;
	border:solid black 30px; 
	width:2000px;
	height: 400px;
	background: white;
	display:inline-block;
}
.rectangle2{
	
	margin-left: 50px;
	width: 200px;
	height:370px;
	background:black;
	float:center;
	display:inline-block;
	float:left;
}
.rectangle2copy{
	
	margin-left: 50px;
	width: 200px;
	height:370px;
	background:white;
	float:center;
	display:inline-block;
	float:left;
}
.rectangle3{
	margin-top: 100px;
	margin-left: 200px;
	width: 150px;
	height:270px;
	background:black;
	
}
.rectangle3copy{
	margin-top: 100px;
	margin-left: 200px;
	width: 150px;
	height:270px;
	background:white;
	
}
.rectangle4{
	margin-top: 100px;
	margin-left: 20px;
	width: 130px;
	height:270px;
	background:black;
	display:inline-block;
	float:left;
	
}
.rectangle4copy{
	margin-top: 100px;
	margin-left: 250px;
	width: 130px;
	height:270px;
	background:white;
	display:inline-block;
	float:left;
	
}
.rectangle6{
	
	margin-left: 300px;
	margin-top: 100px;
	width: 130px;
	height:270px;
	background:black;
	display:inline-block;
	float:left;
	
}

.circle {
	float:right;
	margin-top: 10px;

	width: 100px;
	height: 100px;
	background: red;
	/*-moz-border-radius: 50px;
	-webkit-border-radius: 50px;*/
	border-radius: 50px;
	display:inline-block;
	animation: rtl;

}


/*.blur{
	margin-top: 50px;
	border:solid black 30px; 
	width:2000px;
	height: 400px;
	background: white;
	display:inline-block;
	filter:blur(5px);
}*/

}

.shit{
	margin-top: 50px;
	border:solid black 30px; 
	width:2000px;
	height: 400px;
	background: white;
	display:inline-block;
}
.night{

	margin-top: 50px;
	border:solid black 30px; 
	width:2000px;
	height: 400px;
	
	display:inline-block;
	background: black;
}
.sun{
	


	float:left;
	margin-top: 10px;
	width: 100px;
	height: 100px;
	background: orange;
	/*-moz-border-radius: 50px;
	-webkit-border-radius: 50px;*/
	border-radius: 50px;
	display:inline-block;

}
.sunset{
	margin-top: 150px;
	border:solid black 30px; 
	width:2000px;
	height: 400px;
	background: linear-gradient(to bottom,#F84545,#F4C34A);
	/*filter:blur(5px);*/
	

}
.moon{

	float:left;
	margin-top: 20px;
	margin-left: 20px;
	width: 100px;
	height: 100px;
	background: white;
	/*-moz-border-radius: 50px;
	-webkit-border-radius: 50px;*/
	border-radius: 50px;
	display:inline-block;

	

}
.star1{
	animation-name:flickerr;
    animation-duration:5s;
    animation-iteration-count:infinite;
    animation-timing-function: linear;


}
.star{
	
    animation-name:flicker;
    animation-duration:5s;
    animation-iteration-count:infinite;
    animation-timing-function: linear;




}
@keyframes flicker {
	from {
		opacity: 1;
	}

	20% {
		opacity: 0.5;
	}
	
	40% {
		opacity: 0;
	}
	60%{
		opacity : 0.5;
	}
	80%{
		opacity:1;
	}
	
	to {
		opacity: 0.5;
	}
}
@keyframes flickerr {
	from {
		opacity: 0;
	}

	20% {
		opacity: 0.5;
	}
	
	40% {
		opacity: 1;
	}
	60%{
		opacity : 0;
	}
	80%{
		opacity:0.5;
	}
	
	to {
		opacity: 1;
	}
}
/*.morning{
	background-color: black;
}*/
.plane{
 	margin-top: 30px;
	border:solid white 30px; 
	border-radius:100px;
	width:400px;
	height: 600px;
	background: white;
	display:inline-block;
	background: linear-gradient(to bottom,#99c9ff,#e6f1ff);
}

.cloud{
	width:200px;
	height:100px;
	position:absolute;
	background-image:url("../images/cloud.png");
	display:inline-block;
	background-repeat: no-repeat;
	background-size: contain;
	margin-top: 200px;
	animation: drift 50s;
	animation-iteration-count:infinite;
    animation-timing-function: linear;
}



@keyframes drift{
	from {transform:translateX(-255px);}
	to{transform:translateX(1350px);}
}