:root {
    --site_width_3xl: 120rem;
    --site_width_xxl: 100rem;
    --site_width_xl: 90rem;
    --site_width_lg: 80rem;
    --site_width_md: 64rem;
    --site_width_sm: 48rem;
    --site_width_xs: 40rem;
    --site_width_xxs: 30rem;

    --main_top: 13.8125rem;


    --radius_standard: .5rem;
    --radius_half: calc(var(--radius_standard) / 2);
    --radius_double: calc(var(--radius_standard) * 2);
    --radius_tribble: calc(var(--radius_standard) * 3);


    --boxShadowMini: rgba(0, 0, 0, 0.16) 0px 1px 3px, rgba(0, 0, 0, 0.23) 0px 1px 3px;
    --boxShadowSmall: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;

    --boxShadowMedium: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
    
    --boxShadowBig: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
    
    --boxShadowHuge: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;

    --text-shadow: 1px 1px 5px rgba(0, 0, 0, .9);

    --animation_02: all .2s, ease-in-out .2s;
    --animation_03: all .3s, ease-in-out .2s;
    --animation_05: all .5s, ease-in-out .2s;
    --animation_07: all .7s, ease-in-out .2s;
    --animation_10: all 1s, ease-in-out .2s;

  }