:root {
    --colorPink: #E41076;
    --colorGreen: #7cb06d;
    --colorDark: #3e3d34;
    --colorMediumGreen: #5c836e;
    --colorBlue: #6aa5b6;
    --colorCream: #ffebce;
}

.bg-color-dark {
    background-color: var(--colorDark);
}

.bg-medium-green {
    background-color: var(--colorMediumGreen);
}

.bg-green {
    background-color: var(--colorGreen);
}

/* .fc { */
    /* background-color: whitesmoke; */
/* } */

.bg-pink {
    background-color: var(--colorPink);
}

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

.bg-cream {
    background-color: var(--colorCream);
}

.pink {
    color: var(--colorPink);
}

.blue {
    color: var(--colorBlue);
}


.fixed-col {
    width: 200px;
}

.carousel-wrapper {
    width: 50vw;
    display: grid;
}

@media (max-width: 768px) {
    .carousel-wrapper {
      width: unset;
    }
}