:root {
  ---border: none;
  ---box-shadow: rgba(0, 0, 0, 0.1);
  ---linear-gradient: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0),
    rgba(255, 255, 255, 1)
  );
  ---f3f3f3: #f3f3f3;
  ---95989f: #95989f;
  ---f9f150: #f9f163;
  ---1c1c1c: #1c1c1c;
  ---8e1725: #8e1725;
  ---ffffff: #ffffff;
  ---000000: #000000;
  ---666666: #666666;
  ---2271b1: #2271b1;
  ---b32d2e: #b32d2e;
  ---9b9b9b: #9b9b9b;
  ---dc3545: #dc3545;
  ---28a745: #28a745;
  ---808080: #808080;
  ---f6f7f7: #f6f7f7;
  ---cdcdcd: #cdcdcd;
  ---8e2e2e: #8e2e2e;
  ---946d6d: #946d6d;
  ---575757: #575757;
  ---e1e1e1: #e1e1e1;
  ---cfcccc: #cfcccc;
  ---818181: #818181;
  ---3f3f3f: #3f3f3f;
  ---212529: #212529;
  ---0a58ca: #0a58ca;
  ----f3f3f3: #f3f3f3;
  ----95989f: #95989f;
  ----f9f150: #f9f163;
  ----1c1c1c: #1c1c1c;
  ----8e1725: #8e1725;
  ----ffffff: #ffffff;
  ----000000: #000000;
  ----666666: #666666;
  ----2271b1: #2271b1;
  ----b32d2e: #b32d2e;
  ----9b9b9b: #9b9b9b;
  ----dc3545: #dc3545;
  ----28a745: #28a745;
  ----808080: #808080;
  ----f6f7f7: #f6f7f7;
  ----cdcdcd: #cdcdcd;
  ----8e2e2e: #8e2e2e;
  ----946d6d: #946d6d;
  ----575757: #575757;
  ----e1e1e1: #e1e1e1;
  ----cfcccc: #cfcccc;
  ----818181: #818181;
  ----3f3f3f: #3f3f3f;
  ----212529: #212529;
  ----0a58ca: #0a58ca;
}
html.c2 {
  ---border: 1px solid #ffffff;
  ---box-shadow: rgba(0, 0, 0, 0.1);
  ---linear-gradient: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0),
    rgba(255, 255, 255, 1)
  );
  ---f3f3f3: #ffffff;
  ---95989f: #95989f;
  ---f9f150: #f9f163;
  ---1c1c1c: #1c1c1c;
  ---8e1725: #ffffff;
  ---ffffff: #ffffff;
  ---000000: #ffffff;
  ---666666: #cdcdcd;
  ---2271b1: #ffffff;
  ---b32d2e: #ffffff;
  ---9b9b9b: #9b9b9b;
  ---dc3545: #ffffff;
  ---28a745: #ffffff;
  ---808080: #ffffff;
  ---f6f7f7: #f6f7f7;
  ---cdcdcd: #cdcdcd;
  ---8e2e2e: #8e2e2e;
  ---946d6d: #313131;
  ---575757: #575757;
  ---e1e1e1: #e1e1e1;
  ---cfcccc: #cfcccc;
  ---818181: #818181;
  ---3f3f3f: #000000;
  ---212529: #ffffff;
  ---0a58ca: #ffffff;
  ----f3f3f3: #000000;
  ----95989f: #95989f;
  ----f9f150: #f9f163;
  ----1c1c1c: #1c1c1c;
  ----8e1725: #ffffff;
  ----ffffff: #000000;
  ----000000: #000000;
  ----666666: #666666;
  ----2271b1: #2271b1;
  ----b32d2e: #b32d2e;
  ----9b9b9b: #000000;
  ----dc3545: #dc3545;
  ----28a745: #28a745;
  ----808080: #808080;
  ----f6f7f7: #f6f7f7;
  ----cdcdcd: #000000;
  ----8e2e2e: #000000;
  ----946d6d: #ffffff;
  ----575757: #575757;
  ----e1e1e1: #000000;
  ----cfcccc: #cfcccc;
  ----818181: #000000;
  ----3f3f3f: #ffffff;
  ----212529: #212529;
  ----0a58ca: #0a58ca;
}
html.c3 {
  ---border: 1px solid #000000;
  ---box-shadow: rgba(0, 0, 0, 0.1);
  ---linear-gradient: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0),
    rgba(255, 255, 255, 1)
  );
  ---f3f3f3: #000000;
  ---95989f: #95989f;
  ---f9f150: #000000;
  ---1c1c1c: #f9f163;
  ---8e1725: #000000;
  ---ffffff: #000000;
  ---000000: #000000;
  ---666666: #8a863a;
  ---2271b1: #000000;
  ---b32d2e: #000000;
  ---9b9b9b: #8a863a;
  ---dc3545: #000000;
  ---28a745: #000000;
  ---808080: #000000;
  ---f6f7f7: #000000;
  ---cdcdcd: #000000;
  ---8e2e2e: #8e2e2e;
  ---946d6d: #f9f163;
  ---575757: #8a863a;
  ---e1e1e1: #000000;
  ---cfcccc: #000000;
  ---818181: #818181;
  ---3f3f3f: #f9f163;
  ---212529: #000000;
  ---0a58ca: #000000;
  ----f3f3f3: #f9f163;
  ----95989f: #95989f;
  ----f9f150: #000000;
  ----1c1c1c: #1c1c1c;
  ----8e1725: #000000;
  ----ffffff: #f9f163;
  ----000000: #f9f163;
  ----666666: #666666;
  ----2271b1: #2271b1;
  ----b32d2e: #b32d2e;
  ----9b9b9b: #f9f163;
  ----dc3545: #dc3545;
  ----28a745: #28a745;
  ----808080: #808080;
  ----f6f7f7: #000000;
  ----cdcdcd: #f9f163;
  ----8e2e2e: #f9f163;
  ----946d6d: #946d6d;
  ----575757: #000000;
  ----e1e1e1: #f9f163;
  ----cfcccc: #cfcccc;
  ----818181: #f9f163;
  ----3f3f3f: #000000;
  ----212529: #212529;
  ----0a58ca: #0a58ca;
}
html.c4 {
  ---border: 1px solid #f9f163;
  ---box-shadow: rgba(0, 0, 0, 0.1);
  ---linear-gradient: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0),
    rgba(255, 255, 255, 1)
  );
  ---f3f3f3: #f9f163;
  ---95989f: #95989f;
  ---f9f150: #f9f163;
  ---1c1c1c: #1c1c1c;
  ---8e1725: #f9f163;
  ---ffffff: #f9f163;
  ---000000: #f9f163;
  ---666666: #8a863a;
  ---2271b1: #f9f163;
  ---b32d2e: #f9f163;
  ---9b9b9b: #8a863a;
  ---dc3545: #f9f163;
  ---28a745: #f9f163;
  ---808080: #f9f163;
  ---f6f7f7: #f9f163;
  ---cdcdcd: #f9f163;
  ---8e2e2e: #8e2e2e;
  ---946d6d: #313131;
  ---575757: #575757;
  ---e1e1e1: #f9f163;
  ---cfcccc: #f9f163;
  ---818181: #818181;
  ---3f3f3f: #000000;
  ---212529: #f9f163;
  ---0a58ca: #f9f163;
  ----f3f3f3: #000000;
  ----95989f: #95989f;
  ----f9f150: #f9f163;
  ----1c1c1c: #1c1c1c;
  ----8e1725: #f9f163;
  ----ffffff: #000000;
  ----000000: #000000;
  ----666666: #666666;
  ----2271b1: #2271b1;
  ----b32d2e: #b32d2e;
  ----9b9b9b: #000000;
  ----dc3545: #dc3545;
  ----28a745: #28a745;
  ----808080: #808080;
  ----f6f7f7: #f9f163;
  ----cdcdcd: #000000;
  ----8e2e2e: #000000;
  ----946d6d: #946d6d;
  ----575757: #313131;
  ----e1e1e1: #000000;
  ----cfcccc: #cfcccc;
  ----818181: #000000;
  ----3f3f3f: #f9f163;
  ----212529: #212529;
  ----0a58ca: #0a58ca;
}
@font-face {
  font-family: "Robusta";
  src: url("./assets/RobustaTLPro_ar_LV/Tilde - RobustaTLPro-Black.otf")
    format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Robusta";
  src: url("./assets/RobustaTLPro_ar_LV/Tilde - RobustaTLPro-BlackIt.otf")
    format("opentype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Robusta";
  src: url("./assets/RobustaTLPro_ar_LV/Tilde - RobustaTLPro-Bold.otf")
    format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Robusta";
  src: url("./assets/RobustaTLPro_ar_LV/Tilde - RobustaTLPro-BoldIt.otf")
    format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Robusta";
  src: url("./assets/RobustaTLPro_ar_LV/Tilde - RobustaTLPro-Heavy.otf")
    format("opentype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Robusta";
  src: url("./assets/RobustaTLPro_ar_LV/Tilde - RobustaTLPro-HeavyIt.otf")
    format("opentype");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Robusta";
  src: url("./assets/RobustaTLPro_ar_LV/Tilde - RobustaTLPro-It.otf")
    format("opentype");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Robusta";
  src: url("./assets/RobustaTLPro_ar_LV/Tilde - RobustaTLPro-Light.otf")
    format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Robusta";
  src: url("./assets/RobustaTLPro_ar_LV/Tilde - RobustaTLPro-LightIt.otf")
    format("opentype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Robusta";
  src: url("./assets/RobustaTLPro_ar_LV/Tilde - RobustaTLPro-Medium.otf")
    format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Robusta";
  src: url("./assets/RobustaTLPro_ar_LV/Tilde - RobustaTLPro-MediumIt.otf")
    format("opentype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Robusta";
  src: url("./assets/RobustaTLPro_ar_LV/Tilde - RobustaTLPro-Regular.otf")
    format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

* {
  font-family: "Robusta";
}