.form-container{
    max-width: 500px;
}

.loginLinks{
    color: var(--green-dark);
    text-decoration: none;
    font-size: 15px;
}

/* the following two rules repeat themselves in results.css 
but i chose to not link the file in the head of login.html */

.form-check-input:checked {
    border: 1px solid var(--green-dark);
    background-color: var(--green-dark);
}

p a.loginLinks{
    font-size: 1rem;
    font-weight: 600;
}

input:invalid{

}