.bg-gray200{
    background-color: var(--bs-gray-200);
}
.bg-deep-purple{
    background-color: var(--deep_purple);
}

.bg-main-blue{
    background-color: var(--main_blue);
}

.bg-main-yellow{
    background-color: var(--main_yellow);
}

.border-main-blue{
    border-color: var(--main_blue);
}

.border-main-yellow{
    border-color: var(--main_yellow);
}

.text-main-blue{
    color: var(--main_blue);
}

.text-main-yellow{
    color: var(--main_yellow);
}

.blockquote {
    border-left: 2px solid var(--main_blue);
    padding-left: .5rem;
}


:root{
    --deep_purple: #0f1e3c;
    --main_blue: #3056b8;
    --main_yellow: #f5d731;
}

.text-justify {
    text-align: justify;
}
.w-fit {
    width: fit-content;
}

.h-fit {
    height: fit-content;
}