html,
body {
    height: 100%;
}

body {
    display: flex;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 40px;
    background-image: url(/assets/img/brian-erickson-2yTboQUgRjk-unsplash.webp);
    background-size: cover;
}
form#loginform,
div#shortcode-not-found {
    border: solid grey 1px;
    border-radius: 25px;
    padding: 25px;
    box-shadow: 10px 10px 10px black;
    background-color: #f5f5f5;
}
.form-signin {
    width: 100%;
    max-width: 330px;
    padding: 15px;
    margin: auto;
}

.form-invitation {
    width: 100%;
    max-width: 500px;
    padding: 15px;
    margin: auto;
}

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

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

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

.form #floatingPasswordConfirm {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}