landing.css

html,
body {
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 16px;
  background-color: #FAFAFA;
  background-color: #0A0A0A;
  color: #DCDCDC;
}
header {
  position: absolute;
  left: 50%;
  bottom: 0;
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  animation-name: text;
  animation-duration: 8s;
}
a {
  text-decoration: none;
  color: #454545;
  vertical-align: middle;
  line-height: 32px;
  padding: 8px 32px;
  font-size: 0.8em;
}
@-webkit-keyframes planet {
  0% {
    -webkit-transform: translateY(-51%) translateX(-50%);
  }
  10% {
    -webkit-transform: translateY(-51%) translateX(-50%);
  }
  100% {
    -webkit-transform: translateY(-50%) translateX(-50%);
  }
}
@keyframes planet {
  0% {
    transform: translateY(-51%) translateX(-50%);
  }
  10% {
    transform: translateY(-51%) translateX(-50%);
  }
  100% {
    transform: translateY(-50%) translateX(-50%);
  }
}
@-webkit-keyframes glow {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes glow {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes text {
  0% {
    opacity: 0;
  }
  35% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes text {
  0% {
    opacity: 0;
  }
  35% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.logo {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}
.glow {
  opacity: 1;
  -webkit-animation: glow 8s;
  animation: glow 8s;
}
.planet {
  -ms-transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  -webkit-animation: planet 8s;
  animation: planet 8s;
}
.text {
  opacity: 1;
  -webkit-animation: text 8s;
  animation: text 8s;
}