.logindiv {
    margin-left: 37vw;
    margin-top: 25vh;
    width: 24vw;
    height: 33vh;
    background-color: white;
    border-style: solid;
    border-width: 1px 1px 0px 1px;
    border-color: black;
    box-shadow: 10px 10px 20px rgb(100,100,100);
    box-sizing: border-box;
}

.cardheader {
    width: 24vw;
    height: 10vh;
    box-sizing: border-box;
    padding: 1vw;
    display: flex;
}

.cardbody {
    width: 24vw;
    height: 20vh;
    overflow: clip;
    box-sizing: border-box;
}

.logo {
    margin-left: 1.5vw;
    width: 12vw;
}

.subtitle {
    color: rgb(18,90,158);
    font-size: 1vw;
    font-family: system-ui;
    font-style: italic;
    margin-left: 0.5vw;
    display: flex;
    align-items: flex-end;
}

.logininputdiv {
    display: flex;
    box-sizing: border-box;
}

.logininputlabel {
    margin-left: 1vw;
    font-size: 0.8vw;
    color: rgb(150,150,150);
    font-family: system-ui;
    width: 6vw;
    text-align: center;
}

.logininput {
    background-color: rgb(240,240,240);
    border-color: rgb(150,150,150);
    border-style: solid;
    border-width: 1px;
    font-size: 0.9vw; !important
    font-family: system-ui;
    width: 15vw;
    color: rgb(125,125,125) !important;
}

.rememberbox {
    width: 0.75vw;
    height: 0.75vw;
}

.rememberdiv {
    margin-left: 6vw;
    margin-top: 2vh;
    box-sizing: border-box;
}

.loginbuttondiv {
    margin-top: 1.5vh;
    box-sizing: border-box;
}

.loginbutton {
    font-size: 0.75vw;
    font-family: system-ui;
    margin-left: 9vw;
    width: 5vw;
    height: 3vh;
    color: rgb(75,75,75);
}

.loginbutton:hover {
    cursor: pointer;
}

.errormsgdiv {
     width: 24vw;
     height: 2.5vh;
     text-align: center;
}

.errormsg {
    color: red;
    font-size: 0.75vw;
    font-family: system-ui;
    font-weight: bold;
}

.footerdiv {
    margin-left: 37vw;
    width: 24vw;
    height: 6vh;
    display: flex;
    background-size: 24vw;
    background-repeat: no-repeat;
    box-sizing: border-box;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: black;
    box-shadow: 10px 10px 20px rgb(100,100,100);
}

input:-webkit-autofill {
    -webkit-text-fill-color: rgb(125,125,125) !important;
}