body{
    font-family: 'Montserrat';
    margin: 0;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type="password"] {
        font-family: Verdana;
    }
}
@media only screen and (max-width: 2750px)
{
    .indingo-side{
        width: 50vw;
        height: 100vh;
        background-color: #B96AB6;
    }
    .white-side{
        background-color: #ffffff;
        width: 100vw;
        border-radius: 2rem 0 0 2rem;
        box-shadow:
            -5px 10.1px 2.7px rgba(0, 0, 0, 0.022),
            -5px 19.1px 6.9px rgba(0, 0, 0, 0.031),
            -5px 29.5px 14.2px rgba(0, 0, 0, 0.039),
            -5px 45.8px 29.2px rgba(0, 0, 0, 0.048),
            -5px 91px 80px rgba(0, 0, 0, 0.07)
        ;
    }
    .container-fluid{
        background-color: #B96AB6;
    }

    svg{
        position: relative;
        left: 18.5vw;
        top: 21vh;
        width: 21vw;
        height: 50vh;
    }

    rect{
        width: 18rem;
        height: 21rem;
    }

    .flex{
        display: flex;
    }

    .form{
        text-align: center;
        padding-top: 12vh;
        margin-left: 20vw;
        margin-right: 20vw;
    }

    .label-input{
        display: block;
        width: 1vw;
        text-align: left;
        color: #5D1D79;
        font-family: 'Bitter';
    }

    input[type=email], input[type=password], input[type=text]{
        display: block;
        width: 23vw;
        padding: 1rem 2rem;
        border-radius: 0.4rem;
        border-style: solid;
        -webkit-transition: all 0.30s ease-in-out;
        -moz-transition: all 0.30s ease-in-out;
        -ms-transition: all 0.30s ease-in-out;
        -o-transition: all 0.30s ease-in-out;
        outline: none;
        border: 1px solid #DDDDDD;
        font-family: 'Bitter';
    }

    input[type=checkbox]{
        cursor: pointer;
    }

    input[type=checkbox]:checked{
        accent-color: #5D1D79;
    }

    .span-login{
        color: #5D1D79;
    }

    h3{
        margin-bottom: 4rem;
    }

    .submit-button{
        width: 100%;
        padding: 1rem;
        margin-top: 2rem;
        background-color: #B40C80;
        border: none;
        border-radius: 0.7rem;
        color: #ffffff;
        cursor: pointer;
        box-shadow:
            1.4px 1.5px 2.2px rgba(0, 0, 0, 0.016),
            3.3px 3.7px 5.3px rgba(0, 0, 0, 0.033),
            6.3px 7px 10px rgba(0, 0, 0, 0.054),
            11.2px 12.5px 17.9px rgba(0, 0, 0, 0.078),
            20.9px 23.4px 33.4px rgba(0, 0, 0, 0.11),
            50px 56px 80px rgba(0, 0, 0, 0.17)
        ;
    }

    .submit-button:hover{
        background-color: #B96AB6;
    }

    .submit-button:focus{
        background-color: #5D1D79;
    }

    .container {
        display: flex;
        border: 1px solid #000;
        max-width: fit-content;
        border-radius: 4px;
        overflow: hidden;
        align-items: center;
        padding: 4px;
        gap: 4px;
    }

    .container:has(input:focus) {
        box-shadow: 0 0 5px #5D1D79;
        border: 1px thin ,#5D1D79;
        border: 3px thin ;
    }

    .container .mdi {
        font-size: 1.5rem;
        padding: .5rem;
    }

    .container input {
        border: none;
        outline: none;
        font-size: 16px;
    }

    .mdi-eye{
        color: #B96AB6;
    }

    .mdi-eye:hover, .mdi-eye-off:hover{
        cursor: pointer;
        color: #B40C80;
    }

    button{
        font-family: 'Bitter';
        font-size: 1.2rem;
    }

    input:-webkit-autofill {
        -webkit-box-shadow: 0 0 0 30px white inset;
    }
}
@media only screen and (max-width: 1440px)
{
    .form{
        text-align: center;
        padding-top: 12vh;
        margin-left: 14vw;
        margin-right: 14vw;
    }

    input[type=email], input[type=password], input[type=text]{
        display: block;
        width: 40.3vw;
        padding: 1rem 2rem;
        border-radius: 0.4rem;
        border-style: solid;
        -webkit-transition: all 0.30s ease-in-out;
        -moz-transition: all 0.30s ease-in-out;
        -ms-transition: all 0.30s ease-in-out;
        -o-transition: all 0.30s ease-in-out;
        outline: none;
        border: 1px solid #FFFFFF;
        font-family: 'Bitter';
    }
}