:root {
    --bg: 26, 23, 27;
    --main-0: 0, 30, 0;
    --main-1: 0, 50, 0;
    --main-2: 0, 71, 0;
    --main-3: 0, 91, 0;
    --main-4: 0, 112, 0;
    --main-5: 0, 132, 0;
    --main-6: 0, 153, 0;
    --main-7: 0, 173, 0;
    --main-8: 0, 194, 0;
    --main-9: 0, 214, 0;
    --main-10: 0, 235, 0;
    --main-11: 0, 255, 0;
    --white: 255, 255, 255;
    --grey-0: 20, 20, 20;
    --grey-1: 38, 38, 38;
    --grey-2: 56, 56, 56;
    --grey-3: 75, 75, 75;
    --grey-4: 93, 93, 93;
    --grey-5: 111, 111, 111;
    --grey-6: 129, 129, 129;
    --grey-7: 147, 147, 147;
    --grey-8: 165, 165, 165;
    --grey-9: 184, 184, 184;
    --grey-10: 202, 202, 202;
    --grey-11: 220, 220, 220;
    --red-0: 70, 0, 0;
    --red-1: 87, 0, 0;
    --red-2: 104, 0, 0;
    --red-3: 120, 0, 0;
    --red-4: 137, 0, 0;
    --red-5: 154, 0, 0;
    --red-6: 171, 0, 0;
    --red-7: 188, 0, 0;
    --red-8: 205, 0, 0;
    --red-9: 221, 0, 0;
    --red-10: 238, 0, 0;
    --red-11: 255, 0, 0;
    --yel-0: 30, 30, 0;
    --yel-1: 48, 48, 0;
    --yel-2: 66, 66, 0;
    --yel-3: 85, 85, 0;
    --yel-4: 103, 103, 0;
    --yel-5: 121, 121, 0;
    --yel-6: 139, 139, 0;
    --yel-7: 157, 157, 0;
    --yel-8: 175, 175, 0;
    --yel-9: 194, 194, 0;
    --yel-10: 212, 212, 0;
    --yel-11: 230, 230, 0;
    --black: 0, 0, 0;
    --font: 'Roboto', sans-serif;
    --pc: 1280px;
    --laptop: 900px;
    --tablet: 90%;
    --mobile: 90%;
    --fa: "Font Awesome 5 Pro";
    --duo: "Font Awesome 5 Duotone";
    --brand: "Font Awesome 5 Brands";
    --plyr-color-main: rgb(var(--main-6));
    --fb-0: 59, 89, 152;
    --fb-1: 77, 104, 161;
    --fb-2: 95, 119, 171;
    --fb-3: 112, 134, 180;
    --fb-4: 130, 149, 189;
    --fb-5: 148, 164, 199;
    --fb-6: 166, 180, 208;
    --fb-7: 184, 195, 218;
    --fb-8: 202, 210, 227;
    --fb-9: 219, 225, 236;
    --fb-10: 237, 240, 246;
}