diff --git a/public/css/main.css b/public/css/main.css
index a4f6533..5d91150 100644
--- a/public/css/main.css
+++ b/public/css/main.css
@@ -20,7 +20,7 @@
   --rp-highlight-high: hsl(315deg, 4%, 80%);
 
   /* consts */
-  --const-lilac: #907aa9
+  --const-stripe: hsl(248deg, 21%, 26%);
 }
 
 @media (prefers-color-scheme: dark) {
@@ -104,11 +104,17 @@ em {
 
 
 header {
-  border-bottom: 1px solid #222;
+  border-bottom: 1rem solid var(--rp-highlight-high);
   margin-bottom: 1rem;
   /* background-color: var(--rp-muted); */
+
 }
 
+header>a {
+  text-decoration: none;
+}
+
+
 footer {
   border-top: 1px solid #222;
   margin-top: 1rem;
@@ -125,7 +131,7 @@ a:visited {
 
 h1 {
   color: var(--rp-gold);
-  background-color: var(--const-lilac);
+  background-color: var(--const-stripe);
   /* background-image: linear-gradient(to bottom, var(--rp-highlight-high), var(--rp-overlay), var(--rp-base)); */
   border-radius: 1rem 1rem 0 0;
   padding: 1rem;
@@ -155,3 +161,15 @@ code {
   background-color: var(--rp-surface);
   border-radius: 1rem;
 }
+
+/* NAV */
+nav>ul {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 2rem;
+}
+
+nav>ul>li>a {
+  color: pink;
+  font-size: 2rem;
+}
diff --git a/themes/cuqui/assets/css/main.css b/themes/cuqui/assets/css/main.css
index a4f6533..5d91150 100644
--- a/themes/cuqui/assets/css/main.css
+++ b/themes/cuqui/assets/css/main.css
@@ -20,7 +20,7 @@
   --rp-highlight-high: hsl(315deg, 4%, 80%);
 
   /* consts */
-  --const-lilac: #907aa9
+  --const-stripe: hsl(248deg, 21%, 26%);
 }
 
 @media (prefers-color-scheme: dark) {
@@ -104,11 +104,17 @@ em {
 
 
 header {
-  border-bottom: 1px solid #222;
+  border-bottom: 1rem solid var(--rp-highlight-high);
   margin-bottom: 1rem;
   /* background-color: var(--rp-muted); */
+
 }
 
+header>a {
+  text-decoration: none;
+}
+
+
 footer {
   border-top: 1px solid #222;
   margin-top: 1rem;
@@ -125,7 +131,7 @@ a:visited {
 
 h1 {
   color: var(--rp-gold);
-  background-color: var(--const-lilac);
+  background-color: var(--const-stripe);
   /* background-image: linear-gradient(to bottom, var(--rp-highlight-high), var(--rp-overlay), var(--rp-base)); */
   border-radius: 1rem 1rem 0 0;
   padding: 1rem;
@@ -155,3 +161,15 @@ code {
   background-color: var(--rp-surface);
   border-radius: 1rem;
 }
+
+/* NAV */
+nav>ul {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 2rem;
+}
+
+nav>ul>li>a {
+  color: pink;
+  font-size: 2rem;
+}