:root {
--primary: #1d26db;
--primary-color: #1d26db;
--q-primary: #1d26db;
--color-primary: #1d26db;

    --primary-10: #2730e5;


    --primary--10: #131cd1;
    --primary-20: #313aef;


    --primary--20: #0912c7;
    --primary-30: #3b44f9;


    --primary--30: #0008bd;
    --primary-40: #454eff;


    --primary--40: #0000b3;
    --primary-50: #4f58ff;


    --primary--50: #0000a9;
    --primary-60: #5962ff;


    --primary--60: #00009f;
    --primary-70: #636cff;


    --primary--70: #000095;
    --primary-80: #6d76ff;


    --primary--80: #00008b;
    --primary-90: #7780ff;


    --primary--90: #000081;
    --primary-100: #818aff;


    --primary--100: #000077;

}

.bg-primary {
background-color: #1d26db
}

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

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

.text-primary {
color: #1d26db
}

    body {
    background: #F3F4F6;
    background-image: url("https://prakerin.smkpgritra.sch.id/public/other/udKuaFQyKiGxU21RMJmw.webp");
    background-size: 100%;
    }