body {
	font-family: "Open Sans", sans-serif;
}
h1,
h2 {
	font-family: "Coustard", serif;
	color: #00aae9;
}
h1 {
	text-shadow: rgb(0, 114, 157) 0px 2px;
}
.btn {
	color: #fff;
	text-shadow: 0px 2px #00729d;
	border-radius: 4px;
	border-bottom: 3px solid #00729d;
	background-clip: padding-box;
	background-color: #00aae9;
	word-spacing: 9999rem;
	transition: all 0.3s ease;
}
.btn:hover {
	color: #fff;
	border-bottom: 3px solid #0085b6;
	background-color: #0085b6;
}
#fadein {
	animation: fadeinall 1s normal 0.3s both;
}
.cover-container {
	background: url(images/bg.jpg) no-repeat center center;
	background-size: cover;
	position: absolute;
}
.background {
	background: url(images/stars.png) no-repeat center center;
	background-size: cover;
	position: absolute;
}
.logo {
	width: 100px;
	height: 100px;
}
#ufo {
	position: absolute;
	top: 30%;
	left: -600px;
	transform: rotate(-10deg);
	transition: all 0.3s ease;
	animation: ufofly 10s 2s ease-out infinite;
}
#link {
	position: absolute;
	left: 5%;
	bottom: -6%;
	margin-bottom: -6%;
	opacity: 0;
	animation: fadeintopanimation 1s 3s forwards,
		swingupdown 10s 4s ease-in-out infinite;
}
#earth {
	position: absolute;
	bottom: 100px;
	right: 5%;
	opacity: 0;
	animation: fadeintopanimation 1s 3s forwards,
		swingupdown 10s 4s ease-in-out infinite;
}
#ship {
	position: absolute;
	bottom: 110px;
	right: 15%;
	opacity: 0;
	animation: fadeintopanimation 1s 4s forwards,
		swingupdown 8s 3s ease-in-out infinite;
}
@keyframes fadeinall {
	0% {
		opacity: 1;
	}
	97% {
		opacity: 0;
	}
	98% {
		opacity: 0;
		transform: translateY(0);
	}
	100% {
		opacity: 0;
		transform: translateY(-100%);
	}
}
@keyframes fadeintopanimation {
	0% {
		bottom: -100%;
	}
	100% {
		opacity: 1;
	}
}
@keyframes swingupdown {
	50% {
		bottom: 10%;
	}
}
@keyframes ufofly {
	100% {
		left: 130%;
		top: 15%;
	}
}