:root {
    /*
    colors
 */

    /* Footer components and other elements color*/
    --hard-gray-three: rgba(50, 50, 50, 1);
    --hard-gray-two: rgba(33, 33, 33, 1);
    --hard-gray-one: rgba(33, 33, 33, 0.94);
    --card-btn-bg: rgba(33, 33, 33, 0.79);
    --card-bg: rgba(33, 33, 33, 50%);
    --card-hover: rgba(33, 33, 33, 0%);
    --card-hr: rgba(117, 117, 117, 1);
    --hard-gray: rgba(33, 33, 33, 0.94);
    --light-gray: rgba(188, 188, 188, 1);
    --quotes-color: rgba(62, 62, 62, 1);
    --Text-gray: rgba(200, 200, 200, 0.63);
    --card-gray-bg-color: rgba(200, 200, 200, 0.63);
    --light: rgb(255, 255, 255);
    --black: rgb(0, 0, 0);

    /* Images loader card-bg-color*/
    --right: rgba(219, 219, 219, 0.05);
    --left: rgba(219, 219, 219, 1);
}