/*--Initial------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#register-display-1{
    display:none;
}
#register-display-2{
    display:none;
}

/*--Log In Window Elements---------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.login-title{
    text-shadow:max(0.125vh, 0.125vw) max(0.125vh,0.125vw) rgb(60,0,5);
    font-size:calc(var(--font-size) * 2);
    color:rgb(255,255,255);
    padding-bottom:1vh;
    margin-top:4vh;
    width:100%;

    justify-content:center;
    white-space:nowrap;
    align-items:center;
    text-align:center;
    font-weight:bold;
    display:flex;
}
.login-input-holder{
    max-width:calc(80vw - min(1vh, 1vw));
    width:calc(var(--input-height) * 15);
    transform:translate(-50%, -50%);
    position:absolute;
    overflow-x:hidden;
    overflow-y:auto;
    max-height:70vh;
    height:fit-content;
    left:50%;
    top:50%;
}
.register-input-holder{
    max-width:calc(80vw - min(1vh, 1vw));
    width:calc(var(--input-height) * 15);
    transform:translate(-50%);
    overflow-x:hidden;
    overflow-y:auto;
    margin-left:50%;
    height:calc(100% - 12rem);
}
.login-input-row{
    margin-bottom:1.5rem;
    width:100%;
}
.login-text{
    font-size:calc(var(--font-size) * 0.75);
    max-width:calc(80vw - var(--border-radius));
    width:calc(100% - var(--border-radius));
    padding-left:min(1vh, 1vw);
    transform:translate(-50%);
    margin-bottom:0.25rem;
    margin-left:50%;

    justify-content:flex-start;
    align-items:center;
    display:flex;
}
.login-button-holder{
    max-width:calc(90vw - min(1vh, 1vw));
    width:calc(var(--input-height) * 15);
    transform:translate(-50%);
    position:absolute;
    bottom:5vh;
    left:50%;

    justify-content:space-evenly;
    align-items:center;
    display:flex;
}
.login-button-holder > *{
    max-width:45%;
}
#explain-new-account{
    position:absolute;
    top:calc(50% - 0.6rem);
    right:-1rem;
}
.login-links{
    justify-content:flex-end;
    flex-direction:column;
    align-items:flex-end;
    position:absolute;
    text-align:right;
    display:flex;

    font-size:0.7rem;
    right:1rem;
    top:1rem;
}
.login-links > *{
    color:rgb(230, 220, 200);
    margin-bottom:0.5rem;
}

/*--Log In Inputs------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
input[type=text].login-input, input[type=password].login-input, input[type=email].login-input, input[type=date].login-input{
    transform:translate(-50%);
    margin-left:50%;
    width:calc(100% - min(3vh, 3vw));
    max-width:calc(80vw - min(3vh, 3vw));
}
select.login-input{
    transform:translate(-50%);
    margin-left:50%;
    width:calc(100% - var(--border-thick) * 2);
    max-width:calc(80vw - var(--border-thick) * 2);
    height:calc(var(--input-height) + var(--border-thick) * 2);
}

/*--Login Mobile-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-aspect-ratio:1.1) and (orientation:landscape){
    .login-input-holder{
        max-height:40vh;
        top:55%;
    }
}
@media only screen and (max-aspect-ratio:0.8) and (orientation:portrait){
    #explain-new-account{
        right:-1.25rem;
    }
    .login-title{
        margin-top:5rem;
    }
    #register-title-2{
        margin-top:2rem;
    }
    .register-input-holder{
        height:calc(100% - 14rem);
    }
}