html,
    body {
        height: 100%;
    }

    body {
        display: flex;
        align-items: center;
        padding-top: 40px;
        padding-bottom: 40px;
        background-color: #f5f5f5;
    }

    main {
        border: 1px solid rgba(255, 255, 255, 0.01);
    }

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

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

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

    #bgImage {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        transition: opacity 1s ease-in-out;
        opacity: 0;
        /* background-image: url('/img/PXL_20250705_040626036.MP.png'); */
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-color: transparent;
    }

    .cssglass {
        transition: all 1s ease-in-out;
        background: rgba(255, 255, 255, 0.49);
        box-shadow: 0 4px 19px rgba(0, 0, 0, 0.19);
        -webkit-backdrop-filter: blur(16px);
        backdrop-filter: blur(16px);
        border: 1px solid rgba(255, 255, 255, 0.69);
        border-radius: 1rem;
    }

    .form-floating>.form-control,
    .form-floating>.form-control:focus,
    .form-floating>.form-control:not(:placeholder-shown) {
        background-color: transparent;
        border: 0;
        border-bottom: 1px solid #111;
        border-radius: 0;
        box-shadow: none;
        background-color: transparent;
        /* color: #fff; */
    }

    #divAttribution {
        position: fixed;
        right: 16px;
        bottom: 12px;
        background: rgba(0, 0, 0, 0.4);
        color: #fff;
        padding: 4px 10px;
        border-radius: 6px;
        font-size: 0.9em;
        z-index: 100;
        opacity: 1;
        transition: opacity 1s;
    }

    #divAttribution a {
        color: #fff;
        text-decoration: underline;
    }