@import url( https://fonts.googleapis.com/css?family=Nunito:400,600,700 );
html {
	height: 100%;
}
body {
	margin: 0px; height: 100%; overflow: hidden; background-image: url("../img/star.svg"), linear-gradient(rgb(5, 0, 122), rgb(77, 0, 125)); background-attachment: fixed;
}
.mars {
	background: url("image/weixin.jpg") no-repeat bottom / cover; left: 0px; height: 27vmin; right: 0px; bottom: 0px; position: absolute;
}
.weixin {
	left: 0px; top: 1vmin; width: 30vmin; right: 0px; margin-right: auto; margin-left: auto; position: absolute;
}
@media all and (max-width:258px) and (min-width:258px)
{
.weixin {
	top: 20vmin;
}
}
.meteor {
	top: 16vmin; right: 2vmin; position: absolute;
}
.title {
	text-align: center; color: white; font-family: "Nunito", sans-serif; font-size: 5vmin; font-weight: 600; margin-top: 31vmin;
}
@media all and (max-width:480px) and (min-width:320px)
{
.title {
	margin-top: 65vmin;
}
}
.subtitle {
	text-align: center; color: white; font-family: "Nunito", sans-serif; font-size: 3.5vmin; font-weight: 400; margin-top: -1vmin; margin-bottom: 9vmin;
}
.btn-back {
	padding: 12px; border-radius: 5px; border: 1px solid white; border-image: none; height: 5vmin; color: white; font-family: "Nunito", sans-serif; text-decoration: none;
}
.btn-back:hover {
	background: white; color: rgb(77, 0, 125);
}
@media all and (max-width:480px) and (min-width:320px)
{
.btn-back {
	font-size: 3.5vmin;
}
}
.astronaut {
	animation:floating 3s ease-in-out infinite; left: 10vmin; top: 18vmin; height: 30vmin; position: absolute;
}
@media all and (max-width:480px) and (min-width:320px)
{
.astronaut {
	top: 2vmin;
}
}
.spaceship {
	right: 24vmin; bottom: 15vmin; position: absolute;
}
@media all and (max-width:480px) and (min-width:320px)
{
.spaceship {
	width: 45vmin; bottom: 18vmin;
}
}