html,
body {
    height: 100%;
}

.brand {
    font-family: "Michroma", serif;
    font-size: 2rem;
    color: #1b62b9;
}

.main {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    align-items: center;
    justify-content: flex-start;
    background: url(/backgrounds/login.jpg) no-repeat;
    background-size: cover;
}

#debug-signin {
    margin: 15px auto auto;
    max-width: 330px;
    padding: 15px;
    background-color: #fff;
    border-radius: 10px;
    display: flex;
}

#debug-signin .btn {
    flex: 1;
    margin-right: 10px;
}

#debug-signin .btn:last-child {
    margin-right: 0;
}

.form-signin {
    margin: 25px auto auto;
    max-width: 330px;
    padding: 15px;
    background-color: #fff;
    border-radius: 10px;
}

.form-signin .checkbox {
    font-weight: 400;
}

.form-signin .form-floating:focus-within {
    z-index: 2;
}

.form-signin .form-floating-top input {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.form-signin .form-floating-middle input {
    border-radius: 0;
    margin-bottom: -1px;
}

.form-signin .form-floating-bottom input {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-bottom: 10px;
}

.form-signin .validation-summary-errors ul {
    list-style-type: none;
    margin: 0 0 .5rem 0;
    padding: 0;
}

.form-signin .validation-summary-errors ul li {
}