#login_form{
    position: absolute;
    width: 20rem;
    left: 50%; top: 50%; 
    transform: translate(-50%, -50%)
}

#wellcome_form{
    position: absolute;
    width: 20rem;
    left: 50%; top: 4rem; 
    transform: translate(-50%, -50%)
}

#login_form form{
gap:.4em;
width: 100%;
align-items: stretch;
}

#wellcome_form form{
/* gap:.4em; */
width: 100%;
align-items: stretch;
}


input,button{
    display: flex;
    /* width: 16rem; */
    flex-grow: 1;
    height: 1.6rem;
    font-size: .8rem;
    padding: .4rem;
    border-radius: 1rem;
    border:none;
    justify-content: center;

}

input:focus,button:focus{
    outline:none;

}
input::placeholder{
    color: #929292;
}

#see_pass_toggle{
    position: absolute;
    right: 0; top: 50%; transform: translate(-50%, -50%);
    aspect-ratio: squared;
}

input#submit{
    margin-top: .4rem;
    height: 2.4rem;
    font-weight: 600;
    color: white;
    background-color: #19114A;
    transition-duration: .1s;
}
input#submit:hover{
    color: white;
    background-color: #2A1D7D;
}

input#submit.grey{
    color: #111;
    background-color: #b8b8b8;
}
input#submit.grey:hover{
    background-color: #d3d3d3;
}



.vg_grey{
    border-radius: .8rem;
    background-color: #E4E4E4;
}