style.css

body{
	background-color: black;
	margin: 0;
	padding: 0;
}

.main{
	width: 100%;
	height: 100vh;
	position: relative;
	overflow: hidden;
}
.main .space1{
	position: absolute;
	width: 200%;
	height: 300px;
	background: url('img/star1.jpg') repeat-x center;
	animation: star1 100s linear infinite;
	z-index: -10;
}

.main .space2{
	position: absolute;
	top: 0;
	width: 200%;
	height: 600px;
	background: url('img/star2.png') repeat-x center;
	z-index: 10;
	animation: star2 90s linear infinite;
}
.main .earth{
	background: url('img/Earth_Globe.png') no-repeat center /cover;
	width: 100px;
	height: 100px;
	position: absolute;
	top: 300px;
	right: -10%;
	z-index: 100;
	animation: earth 30s linear infinite;
}

.main .roket{
	position: absolute;
	top: 200px;
	left: 100px;
	transform: rotate(90deg);
	width: 100px;
	height: 100px;
	background: url('img/roket.gif') no-repeat center /cover;
	z-index: 100;
}


@keyframes star1{
	0%{
		left: 0;
	}
	100%{
		
		left: -100%;
	}
}
@keyframes star2{
	0%{
		left: 0;
	}
	100%{
		left: -100%;
	}
}

@keyframes earth{
	0%{
		right: -5%;
	}
	100%{
		right: 103%;
	}
}