html,
body {
    height: 100%;
}

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

body {
    background-image: url(/backgrounds/login.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

#debug-signin {
    margin: auto;
    margin-top: 15px;
    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: 0px;
        }

.form-signin {
    margin: auto;
    margin-top: 25px;
    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-top-left-radius: 0;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-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 {
        }