html body{
    background:transparent;
}

html {
    background: #ECEFF1 url(../images/login/login-background.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

html .login label {
    color: #FFFFFF;
}

html .login #backtoblog a,
html .login #nav a {
    color: #E4003A;
    text-transform: uppercase;
}

html .login #backtoblog a:hover,
html .login #nav a:hover{
    color: #FFFFFF;
    text-decoration:underline;
}


#login {
    padding-top: 5%;
}

#loginform{
    background: rgba(0, 0, 0, 0.25);
}

body.login div#login h1 a {
    background-image: url(../images/login/login-logo.png);
    background-size:contain;
    background-position: bottom;
    width: 250px;
    height: 150px;
    animation: 2s ease-out 0s 1 fadeIn;
}


@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translateY(-3em);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}