:root{
    
    --width: 0;

    /* colors */
    --clr-1: #f8f8f8;
    --clr-2: #eeeeee;
    --clr-3: #f4f4f4;
    --clr-4: #2bba8a;
    --clr-5: #2aa078;
	--clr-6: #f8f8f8;
    
    --clr-black: #252525;
    --clr-white: #ffffff;
    --clr-violet: #d0147f;
    --clr-green: #005631;
    --clr-greenlight: #00a936;
    --clr-social: #d0147f;

    
    /* shadow */
    --shadow-1: 0 2px 4px 0px rgba(37, 37, 37, 0.4);
    --shadow-2: 0px 4px 8px 6px rgba(34, 34, 34, .15);
    --shadow-3: 0 1px 6px -1px rgba(37, 37, 37, 0.4);
    --shadow-4: 0px 5px 25px 0px rgba(18, 25, 38, 0.1);
    --shadow-5: 0 2px 5px 0 rgba(0, 0, 0, .1), 0 2px 10px 0 rgba(0, 0, 0, .07);
    --shadow-6: 0px 4px 8px 6px rgba(208, 20, 127, .12);
    --shadow-7: 0 2px 4px -1px rgba(37, 37, 37, 0.4);
    --shadow-8: 0 0 3px -1px rgba(37, 37, 37, 0.4);

}