body{
    text-align: center;
    background: #e9e9e9;
    font-family: sans-serif;
}

.center{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.logo{
    height: 10em;
}

.subtitle{
    font-style: oblique;
    color: #797979;
    font-weight: bold;
    animation-delay: 1s !important;
    -webkit-animation-delay: 1s !important;
    -moz-animation-delay: 1s !important;
    -o-animation-delay: 1s !important;
    -ms-animation-delay: 1s !important;
}

.logo, .subtitle{
    animation: entrance ease-out 1.5s;
    animation-iteration-count: 1;
    animation-fill-mode:forwards; /*when the spec is finished*/
    -webkit-animation: entrance ease-out 1.5s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
    -moz-animation: entrance ease-out 1.5s;
    -moz-animation-iteration-count: 1;
    -moz-animation-fill-mode:forwards; /*FF 5+*/
    -o-animation: entrance ease-out 1.5s;
    -o-animation-iteration-count: 1;
    -o-animation-fill-mode:forwards; /*Not implemented yet*/
    -ms-animation: entrance ease-out 1.5s;
    -ms-animation-iteration-count: 1;
    -ms-animation-fill-mode:forwards; /*IE 10+*/
    opacity: 0;
    transform: translate(0em,5em);
}

@keyframes entrance{
    0% {
    }
    100% {
        opacity: 1;
        transform: translate(0,0);
    }
}

@-moz-keyframes entrance{
    0% {
    }
    100% {
        opacity: 1;
        -moz-transform: translate(0,0);
    }
}

@-webkit-keyframes entrance {
    0% {
    }
    100% {
        opacity: 1;
        -webkit-transform: translate(0,0);
    }
}

@-o-keyframes entrance {
    0% {
    }
    100% {
        opacity: 1;
        -o-transform: translate(0,0);
    }
}

@-ms-keyframes entrance {
    0% {
    }
    100% {
        opacity: 1;
        -ms-transform: translate(0,0);
    }
}