:root {
    --background: #0a8580;
    --backgroundHover: #4da6a3
}

body {
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}

.form-signin {
    -webkit-box-align: center;
    align-items: center;
    background: var(--background);
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}

    .form-signin * {
        font-family: "Montserrat", sans-serif
    }

    .form-signin a {
        text-wrap: nowrap !important;
        color: #2BABB0 !important;
    }

    .form-signin::before {
        background-attachment: fixed;
        background-image: url(/Images/cerchi_concentrici.png);
        background-position: right top;
        background-repeat: no-repeat;
        background-size: contain;
        bottom: 0px;
        content: "";
        height: 100%;
        width: 100%;
        position: absolute;
        z-index: 0;
    }

    .form-signin form {
        -webkit-box-align: center;
        align-items: center;
        background: white;
        border: 1px solid rgba(144, 202, 249, 0.46);
        /* box-shadow: rgb(19 61 100) 6px 6px 20px 0px; */
        border-radius: 15px;
        display: flex;
        flex-direction: column;
        height: fit-content;
        padding: 40px;
        -webkit-box-pack: center;
        justify-content: center;
        width: 500px;
        z-index: 1;
        position: relative;
        max-height: 900px;
    }