:root {
--primary: #207362;
--primary-color: #207362;
--q-primary: #207362;
--color-primary: #207362;

    --primary-10: #2a7d6c;


    --primary--10: #166958;
    --primary-20: #348776;


    --primary--20: #0c5f4e;
    --primary-30: #3e9180;


    --primary--30: #025544;
    --primary-40: #489b8a;


    --primary--40: #004b3a;
    --primary-50: #52a594;


    --primary--50: #004130;
    --primary-60: #5caf9e;


    --primary--60: #003726;
    --primary-70: #66b9a8;


    --primary--70: #002d1c;
    --primary-80: #70c3b2;


    --primary--80: #002312;
    --primary-90: #7acdbc;


    --primary--90: #001908;
    --primary-100: #84d7c6;


    --primary--100: #000f00;

}

.bg-primary {
background-color: #207362
}

    .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: #3e9180
}

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

.text-primary {
color: #207362
}

    body {
    background: #F3F4F6;
    background-image: url("https://sekolahku.smkmaarifnu1ajibarang.sch.id/public/other/G8AsxGWOIV6UwqwGC05zv9JEeIkAoEYlitIquCgo.webp");
    background-size: 17.7%;
    }