body{}
main{display: flex;height: 100vh;}
#background{background-image: url(../img/background-login.webp);width: 100%;height: 100vh;display: block;background-repeat: no-repeat; background-size: cover;}
#login{background-color: white;min-width: max-content;padding: 0px 30px;margin: auto;align-items: center;justify-content: center;display: flex;}
.card-body{flex: 1 1 auto;padding: 1rem 1rem;min-width: max-content;width: 300px;}
#login img{margin-bottom: 25px;}

@media (max-width: 500px){
    #background{display: none;}
}