html,body{ overflow:hidden; height:100%; }

.bg {
    background-color: lightgray;
    overflow: hidden;
    overflow-x: hidden;
}
.logo {
    padding-top: 13vh;
    padding-bottom: 4vh;
    display: block;
    margin: auto;
    width: 15vh;
    height: 15vh;
}
.form {
    display: block;
    margin: auto;
    border: 7px solid lightcyan;
    border-radius: 7%;
    background-color: gray;
    width: 85vw;
    max-width: 50vh;
    height: 55vh;
    /*bottom: 8vh;*/
}
.login {
    padding-top: 35%;
    text-align: center;
    margin: auto;
    width: 80%;
    height: 80%;
    padding-bottom: 25%;
}
.input {
    font-size: 2vh;
}
.login .input {
    padding-top: 0%;
    padding-bottom: 15%;
}
.login button {
    font-size: 2vh;
    width: 25%;
    height: 15%;
    background-color: #333333;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
.input label {
    padding: auto;
}
.input input {
    font-size: 2vh;
    width: 70%;
    height: 3vh;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
}
.reg {
    padding-top: 16%;
    text-align: center;
    margin: auto;
    width: 80%;
    height: 80%;
    padding-bottom: 25%;
}
.reg .input {
    padding-top: 0%;
    padding-bottom: 5%;
}
.reg button {
    font-size: 2vh;
    width: 25%;
    height: 15%;
    background-color: #333333;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
.hid {
    display: none;
}