html,
body {
    height: 100%;
}

.form-signin {
    max-width: 330px;
    padding: 1rem;

    filter:drop-shadow(5px 5px 5px #aaa);
}

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

.form-signin input[type="email"] {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.full {
    position: relative;
    z-index: 1;
    width: 100%;
    min-height: 100vh;

    background-image: url("/img/key_visual.jpg");
    background-position: center;
    background-size: cover;

    /* background: url("/key_visual.jpg")  center / cover; */
    /* background-image: url("/key_visual.jpg"); */
    /* background-color: rgba(255,255,255, 0.7); */
    /* background-blend-mode: overlay;     */
    /* background-position: center; */
}

.full::after {
    content: "";
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: white;
    opacity: 0.8;
    /* background-color: black;
    opacity: 0.8; */
}

.full>main {
    position: relative;
    z-index: 3;
}