.login-screen{
    width: 100%;
    background: url(../images/login-bg.jpg);
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.login-box{
    max-width: 450px;
    padding: 20px;
    width: 100%;
}

.login-box .card{
    background: rgb(255 255 255 / 78%);
    box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
    backdrop-filter: blur( 4px );
    -webkit-backdrop-filter: blur( 4px );
    border-radius: 10px;
    border: 1px solid rgb(255 255 255 / 78%);
    padding: 30px 15px;
}