:root {
    /*#region COLOR*/
    /*#endregion*/
    /*#region -  Groups*/
    --color-group-01: 109, 182, 90;
    --color-group-02: 176, 205, 79;
    --color-group-03: 238, 126, 51;
    --color-group-04: 165, 126, 181;
    --color-group-05: 208, 29, 57;
    --color-group-06: 51, 90, 163;
    --color-group-07: 87, 88, 119;
    --color-group-08: 182, 128, 62;
    --color-group-09: 225, 48, 137;
    --color-group-10: 30, 180, 178;
    --color-group-11: 106, 135, 149;
    --color-group-12: 64, 45, 131;
    --color-group-13: 202, 131, 181;
    --color-group-14: 227, 64, 56;
    --color-group-15: 246, 184, 54;
    --color-group-16: 255, 255, 255;
    --color-group-17: 255, 255, 255;
    --color-group-18: 255, 255, 255;
    --color-group-19: 41, 169, 91;
    --color-group-20: 255, 255, 255;
    --color-group-21: 160, 160, 160;
    --color-group-22: 33, 181, 229;
    --color-group-23: 120, 157, 119;
    --color-group-24: 255, 255, 255;
    --color-group-25: 255, 255, 255;
    --color-group-26: 255, 255, 255;
    /*#endregion*/
}

@font-face {
    font-family: 'JSLogo';
    src: url('../Fonts/Ethnocentric-Regular.woff2') format('woff2'),
         url('../Fonts/Ethnocentric-Regular.woff') format('woff'),
         url('../Fonts/Ethnocentric-Regular.tff') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'JSLogo';
    src: url('../Fonts/Ethnocentric-Italic.woff2') format('woff2'),
         url('../Fonts/Ethnocentric-Italic.woff') format('woff'), 
         url('../Fonts/Ethnocentric-Italic.tff') format('truetype');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}