:root {
/* 1 */
--bg-gradient-1: linear-gradient(to right,
rgba(103, 108, 103, .75) 0%,
rgba(203, 206, 199, .3) 30%,
rgba(203, 206, 199, .1) 50%,
rgba(203, 206, 199, .3) 70%,
rgba(103, 108, 103, .75) 100%);
/* 2 */
--bg-gradient-2:  linear-gradient(to right,
rgba(255, 255, 255, .75) 0%,
rgba(255, 255, 255, .3) 30%,
rgba(255, 255, 255, .1) 50%,
rgba(255, 255, 255, .3) 70%,
rgba(255, 255, 255, .75) 100%);
/* 2a */
--bg-gradient-2a: linear-gradient(to bottom left,
rgba(243, 226, 199, 1) 0%,
rgba(193, 158, 103, .5) 50%,
rgba(182, 141, 76, .5) 51%,
rgba(233, 212, 179, 1) 100%);
/* 3 */
--bg-gradient-3: linear-gradient(to right,
rgba(193, 158, 103, .7) 0%,
rgba(243, 226, 199, .3) 30%,
rgba(243, 226, 199, .1) 50%,
rgba(182, 141, 76, .3) 70%,
rgba(193, 158, 103, .7) 100%);
/* 4 */
--bg-gradient-4: linear-gradient(to right,
rgba(34, 149, 92, .8) 0%,
rgba(234, 234, 234, .1) 50%,
rgba(34, 109, 182, .8) 100%);

/* 5 */
--bg-gradient-5: radial-gradient(circle, #cccccc, #ffffff);
/* radial-gradient(ellipse at top, #eee6e0, #ffffff), */

--bg-gradient-6: radial-gradient(farthest-corner at 40px 40px,
    #fff 0%,
    #cdf 100%);


}