main{
    height:100%;
    display:flex;
    align-items:center;
}
#login-form{
    padding:25px;
    display:block;
    width:600px;
    max-width:90%;
    margin:0 auto;
}
#login-form>.logo-login{
    width:320px;
    max-width:80%;
    display:block;
    margin:0 auto 50px;
}
#login-form input:not([type="submit"]){
    width:100%;
    background-color:transparent;
    margin-top:10px;
    margin-bottom:35px;
    border:0;
    border-bottom:1px solid #333;
    padding:8px;
    color:#333;
}
#login-form input::placeholder{
    color:#333;
    text-transform:uppercase;
}
#login-form input:focus-visible{
    outline:unset;
    box-shadow:unset;
}
.submit-btn{
    width:100px;
    margin-left:auto;
    position:relative;
    padding-bottom:5px;
}
#login-form input[type="submit"]{
    border:0;
    margin-right:0;
    display:block;
    margin-top:10px;
    background-color:transparent;
    color:#333;
    text-transform:uppercase;
    width:100%;
}
.submit-btn:after{
    content:'';
    width:0%;
    height:1px;
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    display:block;
    background-color:#333;
    transition:0.2s;
}
.submit-btn:hover:after{
    width:100%;
}
#login-form input.errorinput{
    box-shadow:unset;
    border-bottom:1px solid #ff0000;
}
.logologin{
    display:block;
    margin:0 auto 50px;
    width:300px;
    max-width:80%;
}