.input-label{
    background-color: var(--mono-dark);
}
.input-field{
    border-color: #444;
    color: #fff;
}
.input-field:focus{
    outline: var(--yellow-accent) solid;
}
.input-field:focus + .input-label{
    color: var(--yellow-accent);
}
#auth-body{
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: var(--mono-dark);
    
    --primary-text: #fff;
}
#auth-body .left,
#auth-body .right{
    width: 50%;
    height: 100%;
}
#auth-body .right{
    width: 60%;
    margin-left: -10%;
    background-image: linear-gradient(to right, #161616, #16161600 50%),url(media/backer.png);
}



#auth-body-form h1{
    color: #fff;
    font-size: 3rem;
    margin-bottom: 3rem;
}
#auth-body-form h1 sup{
    color: var(--yellow-accent);
    font-size: 1.5rem;
    font-weight: 500;
}
#auth-body-form form{
    width: 26rem;
    margin-bottom: 3rem;
}