@import url("https://fonts.googleapis.com/css2?family=Mulish:wght@200;300;400;500;600;700;800;900;1000&display=block");@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap");

:root {
  background-color: #0d0e10;
  font-family: sans-serif;
  color: #f1f1cc;
}
:root {
  --c-gray: #898d97;
  --c-stone: #989b9e;
  --c-sand: #827f62;
  --c-red: #df5953;
  --c-pink: #ce4686;
  --c-purple: #b300e7;
  --c-indigo: #6d43ff;
  --c-blue: #6177ef;
  --c-cyan: #60a6c2;
  --c-teal: #5cbc7d;
  --c-green: #68c736;
  --c-lime: #8ed300;
  --c-yellow: #e6bb00;
  --c-orange: #e38900;
  --c-brown: #9d8150;

  --c-accent: #c1c1ac;
  --c-pop: #a86838;
}
:root {
  --legend-color-1: rgb(0, 123, 255);
  --legend-color-2: rgb(40, 167, 69);
  --legend-color-3: rgb(102, 16, 242);
  --legend-color-4: rgb(84, 84, 0);
  --legend-color-5: rgb(255, 0, 255);
  --legend-color-6: rgb(255, 128, 128);
  --legend-color-7: rgb(80, 80, 200);
  --legend-color-8: rgb(220, 20, 60);
  --legend-color-9: rgb(255, 215, 0);
  --legend-color-10: rgb(0, 128, 128);
  --legend-color-11: rgb(64, 0, 0);
  --legend-color-12: rgb(0, 128, 0);
  --legend-color-13: rgb(0, 0, 128);
  --legend-color-14: rgb(128, 128, 64);
  --legend-color-15: rgb(255, 165, 0);
  --legend-color-16: rgb(128, 0, 128);
  --legend-color-17: rgb(255, 20, 147);
  --legend-color-18: rgb(0, 255, 255);
  --legend-color-19: rgb(210, 105, 30);
  --legend-color-20: rgb(75, 0, 130);
}
@font-face {
  font-family: "VictorMono";
  src: url("/fonts/VictorMono/VictorMono-Thin.woff2") format("woff2");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "VictorMono";
  src: url("/fonts/VictorMono/VictorMono-ThinOblique.woff2") format("woff2");
  font-weight: 100;
  font-style: oblique;
}
@font-face {
  font-family: "VictorMono";
  src: url("/fonts/VictorMono/VictorMono-ThinItalic.woff2") format("woff2");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "VictorMono";
  src: url("/fonts/VictorMono/VictorMono-ExtraLight.woff2") format("woff2");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "VictorMono";
  src: url("/fonts/VictorMono/VictorMono-ExtraLightOblique.woff2") format("woff2");
  font-weight: 200;
  font-style: oblique;
}
@font-face {
  font-family: "VictorMono";
  src: url("/fonts/VictorMono/VictorMono-ExtraLightItalic.woff2") format("woff2");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "VictorMono";
  src: url("/fonts/VictorMono/VictorMono-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "VictorMono";
  src: url("/fonts/VictorMono/VictorMono-LightOblique.woff2") format("woff2");
  font-weight: 300;
  font-style: oblique;
}
@font-face {
  font-family: "VictorMono";
  src: url("/fonts/VictorMono/VictorMono-LightItalic.woff2") format("woff2");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "VictorMono";
  src: url("/fonts/VictorMono/VictorMono-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "VictorMono";
  src: url("/fonts/VictorMono/VictorMono-Oblique.woff2") format("woff2");
  font-weight: 400;
  font-style: oblique;
}
@font-face {
  font-family: "VictorMono";
  src: url("/fonts/VictorMono/VictorMono-Italic.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "VictorMono";
  src: url("/fonts/VictorMono/VictorMono-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "VictorMono";
  src: url("/fonts/VictorMono/VictorMono-MediumOblique.woff2") format("woff2");
  font-weight: 500;
  font-style: oblique;
}
@font-face {
  font-family: "VictorMono";
  src: url("/fonts/VictorMono/VictorMono-MediumItalic.woff2") format("woff2");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "VictorMono";
  src: url("/fonts/VictorMono/VictorMono-SemiBold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "VictorMono";
  src: url("/fonts/VictorMono/VictorMono-SemiBoldOblique.woff2") format("woff2");
  font-weight: 600;
  font-style: oblique;
}
@font-face {
  font-family: "VictorMono";
  src: url("/fonts/VictorMono/VictorMono-SemiBoldItalic.woff2") format("woff2");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "VictorMono";
  src: url("/fonts/VictorMono/VictorMono-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "VictorMono";
  src: url("/fonts/VictorMono/VictorMono-BoldOblique.woff2") format("woff2");
  font-weight: 700;
  font-style: oblique;
}
@font-face {
  font-family: "VictorMono";
  src: url("/fonts/VictorMono/VictorMono-BoldItalic.woff2") format("woff2");
  font-weight: 700;
  font-style: italic;
}
:root {
  --f-sans: "Mulish", sans-serif;
  --f-mono: "VictorMono", monospace;
  --f-mono-alt: "Roboto Mono", monospace;
}