@import url(./fonts.css);
@import url(./elements.css);
@import url(./animate.css);

#login{
    position: relative;
    overflow: hidden;
    height: 100vh;
    width: 100%;
    background: url(../../img/login-bg.jpg);
    background-size: cover;
}
#login .flex-row-reverse{
    height: 100%;
    align-items: center;
    padding: 0 30px 0 30px;
}
#login .card{
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    animation: fadeInUpBig 1s;
    -webkit-animation: fadeInUpBig 1s;
}
#login .logo{
    width:  40%;
}

@media (max-height:370px) {
    #login{
        overflow: auto;
    }
    #login .flex-row-reverse{
        margin: 2rem 0;
    }
}