body{
    background: url('img/bg-update.jpg')no-repeat 30% 50%;
    background-attachment: fixed;
    background-size: cover;
}
#login-container{
    background-color:rgba(43, 42, 42, 0.164) ;
    box-shadow: 0px 7px 15px rgba(0,0,0,0.5);
    width:400px; 
    height:540px;
    backdrop-filter: blur(5px);
}

#login,#register{
    color:hsla(0, 1%, 23%, 0.993);
}

#login:hover,#register:hover{
    color:#fff;
    
}

#logo{
    width:80px;
    height:80px;
}

@media screen and (max-width:430px){
    body{
        display:flex;
        flex-direction: column;
        height:100vh;
    }

    #button-bar{
        margin-bottom:60px;
        margin-top:10px;
    }
    #login-container{
        width:300px;
        height:500px;
    }
}