@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;800;900&display=swap');

:root {
    --bs-body-color: #864103;
    --bs-link-color: #864103;
    --bs-background-input-color: #f6ddbf;
    --bs-input-border-color: #93460056;
    --bs-background-input-color-focus: antiquewhite;
    --bs-link-hover-color: #864103;
    --bs-modal-background-index: #f6ddbfb7;
}

body {
    /*background-color: #FAEBD7;*/
    background-color: #f3d1a7;
    /* background-image: url('https://api.datinginua.com/PublicFiles/images/Virtual_Background-Afternoon.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;*/
    max-height: 100vh;
    max-width: 100vw;
    font-size: 14px;
}

    body html {
        font-family: Poppins, Helvetica, Arial;
    }

@media (min-width:768px) {
    body {
        font-size: 14px;
    }
}

@media (min-width:1024px) {
    body {
        font-size: 15px;
    }
}

@media (min-width:1280px) {
    body {
        font-size: 16px;
    }

    h1, h2, h3 {
        font-family: Cinzel,Helvetica, Arial;
    }

    h2 {
        letter-spacing: .2rem;
        text-shadow: 2px 2px 4px #8e6a08f3;
        margin-bottom: .7rem;
    }

    /*h1,h2,h3,h4,h5,h6{
    color: #fff;
}*/

    .mb-0 {
        margin-bottom: 0 !important;
    }

    /*label {*/
    /*font-size: 1em;*/
    /*text-decoration: solid;
}*/

    .form-select,
    .form-control {
        font-size: .8em;
        color: var(--bs-body-color) !important;
        background-color: var(--bs-background-input-color);
        border-color: var(--bs-input-border-color);
    }

        .form-control:disabled {
            background-color: transparent;
            border: 0;
        }

        .form-control:focus {
            background-color: var(--bs-background-input-color-focus);
            border-color: #864103ac;
            box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 10px #e17c005b;
        }

        .form-select:focus {
            background-color: var(--bs-background-input-color-focus);
        }

    select {
        background-color: #864103;
    }

    /*    .form-select > option:hover,
    select > option:hover {
        color: #fff;
        background-color: #000;
    }

    .form-select > option:focus,
    select > option:focus {
        border: 10px 3px 1px 0;
    }*/

    .form-check-input {
        background-color: #e8e8e8;
        border-color: #93460056;
    }

        .form-check-input:checked {
            background-color: #288747;
            border-color: #288747;
        }

    .login-form, .register-form {
        background-color: var(--bs-modal-background-index);
    }

    .card-footer, .card-header {
        background-color: #faebd7a9;
        border-radius: 1.8rem;
    }

    .form-floating > .form-control-plaintext ~ label, .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label {
        opacity: 1;
        color: #5E1718;
        font-weight: 600;
    }

        .form-floating > .form-control-plaintext ~ label::after, .form-floating > .form-control:focus ~ label::after, .form-floating > .form-control:not(:placeholder-shown) ~ label::after, .form-floating > .form-select ~ label::after {
            background-color: transparent;
        }

    .form-floating > :disabled ~ label::after {
        background-color: transparent;
    }

    /* @media(min-width: 1920px) {
        body {
            font-size: 14px;
        }
    }

    @media(min-width: 2560px) {
        body {
            font-size: 16px;
        }
    }*/
}