.login-container {
    width: 60vw;
    min-width: 250px;
    max-width: 800px;
    height: 90vh;
    min-height: 600px;
    position: absolute;
    left: Calc(50vw - max(min(30vw,400px),125px));
    top: Calc(50vh - max(45vh,300px));
    background: linear-gradient(to left top,rgb(100,30,255), rgb(200,100,255));
    border-radius:15px;
}
.login-label {
    color: white;
    font-size: 15px;
    margin: 10px 10px 2px 10px;
}
#login-form {
    display: grid;
    grid-template-columns: auto;
    margin: 0vw 10vw;
    padding: 5vh 0vw
}
.login-input {
    border-radius: 10px;
    border-style: none;
    margin: 2px 10px 10px 10px;
    height: 40px;
    min-height: 30px;
    min-width: 50px;
    max-width: 350px;
    font-size: 20px;
    padding: 1px 10px 1px 10px;
}
.login-view-button {
    border-radius: 10px;
    height: 40px;
    min-height: 30px;
    margin: 10px;
    background-color: rgb(255,150,150);
}
body {
    height:100vh;
}
.show-pass{
    color:white;
    margin:10px;
}