:root {
--primary: #3e5e35;
--primary-color: #3e5e35;
--q-primary: #3e5e35;
--color-primary: #3e5e35;

    --primary-10: #48683f;


    --primary--10: #34542b;
    --primary-20: #527249;


    --primary--20: #2a4a21;
    --primary-30: #5c7c53;


    --primary--30: #204017;
    --primary-40: #66865d;


    --primary--40: #16360d;
    --primary-50: #709067;


    --primary--50: #0c2c03;
    --primary-60: #7a9a71;


    --primary--60: #022200;
    --primary-70: #84a47b;


    --primary--70: #001800;
    --primary-80: #8eae85;


    --primary--80: #000e00;
    --primary-90: #98b88f;


    --primary--90: #000400;
    --primary-100: #a2c299;


    --primary--100: #000000;

}

.bg-primary {
background-color: #3e5e35
}

    .bg-primary-10 {
    background-color: var(--primary-10)
    }

    .bg-primary--10 {
    background-color: var(--primary--10)
    }
    .bg-primary-20 {
    background-color: var(--primary-20)
    }

    .bg-primary--20 {
    background-color: var(--primary--20)
    }
    .bg-primary-30 {
    background-color: var(--primary-30)
    }

    .bg-primary--30 {
    background-color: var(--primary--30)
    }
    .bg-primary-40 {
    background-color: var(--primary-40)
    }

    .bg-primary--40 {
    background-color: var(--primary--40)
    }
    .bg-primary-50 {
    background-color: var(--primary-50)
    }

    .bg-primary--50 {
    background-color: var(--primary--50)
    }
    .bg-primary-60 {
    background-color: var(--primary-60)
    }

    .bg-primary--60 {
    background-color: var(--primary--60)
    }
    .bg-primary-70 {
    background-color: var(--primary-70)
    }

    .bg-primary--70 {
    background-color: var(--primary--70)
    }
    .bg-primary-80 {
    background-color: var(--primary-80)
    }

    .bg-primary--80 {
    background-color: var(--primary--80)
    }
    .bg-primary-90 {
    background-color: var(--primary-90)
    }

    .bg-primary--90 {
    background-color: var(--primary--90)
    }
    .bg-primary-100 {
    background-color: var(--primary-100)
    }

    .bg-primary--100 {
    background-color: var(--primary--100)
    }



.bg-primary-light {
background-color: #5c7c53
}

.bg-primary-more-dark {
background-color: #204017
}

.text-primary {
color: #3e5e35
}

    body {
    background: #F3F4F6;
    background-image: url("https://sis.nurissemar.net/public/other/HEiL3pmsxevYqOAsGtwj.");
    background-size: 60%;
    }