:root{

    --radius: 20px;                                     /* cat de rotunjite sa fie colturile itemilor */           

    --color1 :#88BDBC;
    --color2: #254E58;
    --color3: #112D32;
    --color4: #4F4A41;
    --color5: #6E6658;

}

.bgColor1{ background-color: var(--color1); }
.bgColor2{ background-color: var(--color2); }
.bgColor3{ background-color: var(--color3); }
.bgColor4{ background-color: var(--color4); }
.bgColor5{ background-color: var(--color5); }
.bgColorGradient{background: rgb(37,78,88); background: radial-gradient(circle, rgba(37,78,88,1) 0%, rgba(17,45,50,1) 100%);}

.opacity-0{ opacity: 0;}
.opacity-1{ opacity: 0.5;}
.opacity-2{ opacity: 0.7;}
.opacity-3{ opacity: 0.8;}
.opacity-4{ opacity: 0.9;}

.rotund{                                                /* rotunjesc toate colturile */
    border-radius: var(--radius);
}