:host() {    
    >img {
        position: absolute;
        z-index: -1;
        top: -5px;
        left: -5px;
        width: calc(100% + 10px);
        height: calc(100% + 10px);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
}
#login-box {
    opacity: 0;
    transition: opacity 500ms ease;
}
.logo {
    height: 150px;
    margin: 10px 20px;
    opacity: .8;
    background-size: auto 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.title,.description {
    text-align: center;
    font-weight: bold;
    color: #7889c9;
    text-shadow: 1px 1px 1px #545252;
}