@-webkit-keyframes logoFadeIn {
    0% {opacity: 0.0;}
    100% {opacity: 1.0;}
}
@-moz-keyframes logoFadeIn {
    0% {opacity: 0.0;}
    100% {opacity: 1.0;}
}
@-ms-keyframes logoFadeIn {
    0% {opacity: 0.0;}
    100% {opacity: 1.0;}
}
@-o-keyframes logoFadeIn {
    0% {opacity: 0.0;}
    100% {opacity: 1.0;}
}
@keyframes logoFadeIn {
    0% {opacity: 0.0;}
    100% {opacity: 1.0;}
}

html,
body {
    height: 100%;
    background: #000000;
}

.main {
    height: 100%;
    background: #000000 url('../images/logo.jpg') 50% 50% no-repeat;
    -webkit-animation: logoFadeIn 1s linear;
    -moz-animation: logoFadeIn 1s linear;
    -ms-animation: logoFadeIn 1s linear;
    -o-animation: logoFadeIn 1s linear;
    animation: logoFadeIn 1s linear;
}