.loginContainer{
    height: 100%;
    margin: 2rem 1rem 0 1rem;
}

.loginForm {
    width: 50%;
    border-radius: 8px;
    border: 0.5px solid rgba(211, 211, 211, 0.253);
    box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.256);
    margin: auto;
}

.loginForm h1,
.loginForm p{
    padding-top: 1rem;
    text-align: center;
    width: 80%;
    margin: 0 auto 0 auto;
}

form{
    padding: 1rem;
    width: 90%;
    margin: 2rem auto auto auto;
}

form input{
    width: 80%;
    margin: 0.3rem auto 1.5rem 3rem;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
}

form label{
    font-family: BebasNeue-Regular;
    text-align: right;
    margin-left: 1rem;
}

button{
    position: relative;
    left: 90%;
}


@media (max-width: 650px), (max-height: 650px){
    
    .loginForm{
        width: 75%;
    }

}