sunrise.css

body{
	margin: 0;
	padding: 0; 
}
.wrapper{
	width: 100%;
	height: 652px;
	background-color: #48bcff;
	display: block;
	position: relative;
	animation: ani-one 2s ease-in-out 1.5s forwards 1,
				ani-two 5s ease-in-out 10s forwards 1;
}

.round{
	background-color: #FFFF00;
	width: 11%;
	height: 150px;
	position: absolute;
	left: 80%;
	top: 10%;
	display: block;
	border-radius: 50%;
	animation: ani-three 2s ease-in-out forwards 1,
				ani-four 5s ease-in-out forwards 1;
}

.wrapper-2{
	position: absolute;
	bottom: 0;
}

.image-area img{
	width: 25%;
	float: left;
}

@keyframes ani-one{
	75%{
		background-color: #d2c13a;
	}
	100%{
		/*background-color: #040427;*/
		background-color: #d2c13a
	}
}
/*@keyframes ani-two{*/
	/*0%{*/
		/*background: #040427;*/
	/*}*/
	/*70%{*/
		/*background: #d2c13a;*/
	/*}*/
	/*100%{*/
		/*background: #d2c13a;*/
	/*}*/

/*}*/
/*@keyframes ani-three{
	0%{
		top: 0;
	}
	100%{
		top: 70%;
	}
}*/
@keyframes ani-four{
	0%{
		top: 70%;
	}
	100%{
		top: 0;
	}
}