landing.less

@import "css/_default.less"; 

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: @spacing*4;
    padding: @spacing @spacing*4;
    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;
}