qques modifs

src/css/typeface-roboto-condensed.css

+@font-face {
+  font-family: "Roboto Condensed";
+  font-style: normal;
+  font-weight: 400;
+  src:
+    local("Roboto Condensed"),
+    local("RobotoCondensed-Regular"),
+    url(~typeface-roboto-condensed/files/roboto-condensed-latin-400.woff2) format("woff2"),
+    url(~typeface-roboto-condensed/files/roboto-condensed-latin-400.woff) format("woff");
+}
+
+@font-face {
+  font-family: "Roboto ";
+  font-style: normal;
+  font-weight: 500;
+  src:
+    local("Roboto Condensed Medium"),
+    local("RobotoCondensed-Medium"),
+    url(~typeface-roboto-condensed/files/roboto-condensed-latin-500.woff2) format("woff2"),
+    url(~typeface-roboto-condensed/files/roboto-condensed-latin-500.woff) format("woff");
+}

src/css/vars.css

@@ -17,6 +17,7 @@
   --color-jet-80: #191919;
   --color-black: #000;
   --color-green: #0f0;
+  --color-cyan-30: #00b3b3;
   /* fonts */
   --rem-base: 18; /* used to compute rem value from desired pixel value (e.g., calc(18 / var(--rem-base) * 1rem) = 18px) */
   --body-font-size: 1.0625em; /* 17px */
@@ -34,7 +35,8 @@
   --panel-border-color: var(--color-smoke-90); 
   --scrollbar-thumb-color: var(--color-gray-10);
   /* navbar */
-  --navbar-background: var(--color-jet-80);
+/*  --navbar-background: var(--color-jet-80); */
+  --navbar-background: var(--color-cyan-30);
   --navbar-font-color: var(--color-white);
   --navbar_hover-background: var(--color-black);
   --navbar-button-background: var(--color-white);