:root {

    --color-one: #F0F0F0;
    --color-two: #C3E6E1;
    --color-two-one: #C3E6E1;
    --color-three: #e1f4fe;
    --color-tww: #dff4ff;
    --color-four: #EEDBF7;
    --color-five: #faebe8;
    --color-five-one: #fff3f1;
    --color-six: #F5D8B8;
    --color-six--light: #faf4ee;
    --color-seven: #EDF2AE;
    --color-eight: #fff8c6;
    --color-nine: #FFE8CD;
    --color-ten: #FFE8CD;
    --color-ten-one: #fff8f0;
    --color-eleven: #f6eeea;
    --color-tw: #e1d8d4;

    /* --color-fifteen: #CCBCB8;
    --color-sixteen: #44b4a1;
    --color-two: #76D0C2;
    --color-twelve: #CBD938;
    --color-ten: #FFAA4D;
    --color-eight: #E67F7C;
    --color-six: #D9B0EA;
    --color-four: #89C7E8; */
}



.bg-color-one {
    background: var(--color-one);
}
.bg-color-two {
    background: var(--color-two);
}
.bg-color-three {
    background: var(--color-three);
}
.bg-color-four {
    background: var(--color-four);
}
.bg-color-five {
    background: var(--color-five);
}
.bg-color-six{
    background: var(--color-six);
}
.bg-color-seven{
    background: var(--color-seven);
}
.bg-color-eight{
    background: var(--color-eight);
}
.bg-color-nine{
    background: var(--color-nine);
}
.bg-color-ten{
    background: var(--color-ten);
}
.bg-color-white{
    background: #fff;
}
.bg-color-eleven{
    background: var(--color-eleven);
}
.bg-color-tww{
    background: var(--color-tww);
}
.bg-color-five-one{
    background:var(--color-five-one) ;
}
.bg-color-ten-one{
    background: var(--color-ten-one);
}
.bg-color-two-one{
    background: var(--color-two-one);
}
.bg-color-six-light{
    background: var(--color-six--light);
}