diff --git a/axum_server/src/main.rs b/axum_server/src/main.rs
index cc561b6..6225c9c 100644
--- a/axum_server/src/main.rs
+++ b/axum_server/src/main.rs
@@ -54,6 +54,8 @@ async fn main() {
 // TODO Socials
 // - fotos
 // TODO Colors
+// Text slate, and gray should be somehow customised
+// STRONG bold-medium
 // TODO print css and other 404 css linked in base.html
 // TODO go live pipeline
 // TODO after release
diff --git a/axum_server/styles/output.css b/axum_server/styles/output.css
index 198d0f3..dcd41b7 100644
--- a/axum_server/styles/output.css
+++ b/axum_server/styles/output.css
@@ -23,7 +23,7 @@
   --tw-ring-inset:  ;
   --tw-ring-offset-width: 0px;
   --tw-ring-offset-color: #fff;
-  --tw-ring-color: rgb(66 166 240 / 0.5);
+  --tw-ring-color: rgb(23 137 224 / 0.5);
   --tw-ring-offset-shadow: 0 0 #0000;
   --tw-ring-shadow: 0 0 #0000;
   --tw-shadow: 0 0 #0000;
@@ -77,7 +77,7 @@
   --tw-ring-inset:  ;
   --tw-ring-offset-width: 0px;
   --tw-ring-offset-color: #fff;
-  --tw-ring-color: rgb(66 166 240 / 0.5);
+  --tw-ring-color: rgb(23 137 224 / 0.5);
   --tw-ring-offset-shadow: 0 0 #0000;
   --tw-ring-shadow: 0 0 #0000;
   --tw-shadow: 0 0 #0000;
@@ -914,22 +914,22 @@ video {
 
 .border-blue-500 {
   --tw-border-opacity: 1;
-  border-color: rgb(66 166 240 / var(--tw-border-opacity));
+  border-color: rgb(23 137 224 / var(--tw-border-opacity));
 }
 
 .border-blue-950 {
   --tw-border-opacity: 1;
-  border-color: rgb(15 38 55 / var(--tw-border-opacity));
+  border-color: rgb(11 39 70 / var(--tw-border-opacity));
 }
 
 .bg-blue-100 {
   --tw-bg-opacity: 1;
-  background-color: rgb(217 237 252 / var(--tw-bg-opacity));
+  background-color: rgb(225 239 253 / var(--tw-bg-opacity));
 }
 
 .bg-blue-50 {
   --tw-bg-opacity: 1;
-  background-color: rgb(236 246 254 / var(--tw-bg-opacity));
+  background-color: rgb(241 247 254 / var(--tw-bg-opacity));
 }
 
 .bg-pink-200 {
@@ -943,7 +943,7 @@ video {
 }
 
 .fill-blue-950 {
-  fill: #0F2637;
+  fill: #0b2746;
 }
 
 .object-contain {
@@ -1073,22 +1073,22 @@ video {
 
 .text-blue-500 {
   --tw-text-opacity: 1;
-  color: rgb(66 166 240 / var(--tw-text-opacity));
+  color: rgb(23 137 224 / var(--tw-text-opacity));
 }
 
 .text-blue-700 {
   --tw-text-opacity: 1;
-  color: rgb(40 100 144 / var(--tw-text-opacity));
+  color: rgb(10 86 154 / var(--tw-text-opacity));
 }
 
 .text-blue-900 {
   --tw-text-opacity: 1;
-  color: rgb(23 58 84 / var(--tw-text-opacity));
+  color: rgb(16 62 106 / var(--tw-text-opacity));
 }
 
 .text-blue-950 {
   --tw-text-opacity: 1;
-  color: rgb(15 38 55 / var(--tw-text-opacity));
+  color: rgb(11 39 70 / var(--tw-text-opacity));
 }
 
 .text-gray-600 {
@@ -1101,9 +1101,9 @@ video {
   color: rgb(31 41 55 / var(--tw-text-opacity));
 }
 
-.text-pink-800 {
+.text-pink-950 {
   --tw-text-opacity: 1;
-  color: rgb(146 22 110 / var(--tw-text-opacity));
+  color: rgb(80 2 56 / var(--tw-text-opacity));
 }
 
 .text-slate-800 {
@@ -1111,16 +1111,6 @@ video {
   color: rgb(30 41 59 / var(--tw-text-opacity));
 }
 
-.text-pink-900 {
-  --tw-text-opacity: 1;
-  color: rgb(119 24 89 / var(--tw-text-opacity));
-}
-
-.text-pink-950 {
-  --tw-text-opacity: 1;
-  color: rgb(80 2 56 / var(--tw-text-opacity));
-}
-
 .no-underline {
   text-decoration-line: none;
 }
@@ -1143,7 +1133,7 @@ a {
   text-underline-offset: 2px;
   &:hover {
     --tw-text-opacity: 1;
-    color: rgb(66 166 240 / var(--tw-text-opacity));
+    color: rgb(23 137 224 / var(--tw-text-opacity));
   }
   &:hover {
     transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
@@ -1181,7 +1171,7 @@ a {
   }
   h1 {
     --tw-text-opacity: 1;
-    color: rgb(23 58 84 / var(--tw-text-opacity));
+    color: rgb(16 62 106 / var(--tw-text-opacity));
   }
   @media (min-width: 768px) {
     h1 {
@@ -1221,7 +1211,7 @@ a {
   }
   h2 {
     --tw-text-opacity: 1;
-    color: rgb(23 58 84 / var(--tw-text-opacity));
+    color: rgb(16 62 106 / var(--tw-text-opacity));
   }
   @media (min-width: 768px) {
     h2 {
@@ -1281,7 +1271,7 @@ a {
   }
   h3 {
     --tw-text-opacity: 1;
-    color: rgb(23 58 84 / var(--tw-text-opacity));
+    color: rgb(16 62 106 / var(--tw-text-opacity));
   }
   @media (min-width: 768px) {
     h3 {
@@ -1341,7 +1331,7 @@ a {
   }
   h4 {
     --tw-text-opacity: 1;
-    color: rgb(23 58 84 / var(--tw-text-opacity));
+    color: rgb(16 62 106 / var(--tw-text-opacity));
   }
   @media (min-width: 768px) {
     h4 {
@@ -1478,7 +1468,7 @@ a {
   }
   figcaption {
     --tw-text-opacity: 1;
-    color: rgb(31 78 113 / var(--tw-text-opacity));
+    color: rgb(12 73 128 / var(--tw-text-opacity));
   }
   @media (min-width: 768px) {
     figcaption {
@@ -1548,7 +1538,7 @@ a {
   }
   thead {
     --tw-bg-opacity: 1;
-    background-color: rgb(217 237 252 / var(--tw-bg-opacity));
+    background-color: rgb(225 239 253 / var(--tw-bg-opacity));
   }
   tbody {
     --tw-bg-opacity: 1;
@@ -1645,11 +1635,11 @@ a {
   }
   :not(pre) code {
     --tw-border-opacity: 1;
-    border-color: rgb(142 202 246 / var(--tw-border-opacity));
+    border-color: rgb(130 195 247 / var(--tw-border-opacity));
   }
   :not(pre) code {
     --tw-bg-opacity: 1;
-    background-color: rgb(217 237 252 / var(--tw-bg-opacity));
+    background-color: rgb(225 239 253 / var(--tw-bg-opacity));
   }
   :not(pre) code {
     padding-left: 0.25rem;
diff --git a/axum_server/tailwind.config.js b/axum_server/tailwind.config.js
index 9c2e06d..3136327 100644
--- a/axum_server/tailwind.config.js
+++ b/axum_server/tailwind.config.js
@@ -39,18 +39,31 @@ module.exports = {
 				],
 			},
 			colors: {
+				// blue: {
+				// 	50: "#ecf6fe",
+				// 	100: "#d9edfc",
+				// 	200: "#b3dbf9",
+				// 	300: "#8ecaf6",
+				// 	400: "#68b8f3",
+				// 	500: "#42a6f0",
+				// 	600: "#3585c0",
+				// 	700: "#286490",
+				// 	800: "#1F4E71",
+				// 	900: "#173A54",
+				// 	950: "#0F2637",
+				// },
 				blue: {
-					50: "#ecf6fe",
-					100: "#d9edfc",
-					200: "#b3dbf9",
-					300: "#8ecaf6",
-					400: "#68b8f3",
-					500: "#42a6f0",
-					600: "#3585c0",
-					700: "#286490",
-					800: "#1F4E71",
-					900: "#173A54",
-					950: "#0F2637",
+					50: "#f1f7fe",
+					100: "#e1effd",
+					200: "#bddefa",
+					300: "#82c3f7",
+					400: "#42a6f0",
+					500: "#1789e0",
+					600: "#0a6cbf",
+					700: "#0a569a",
+					800: "#0c4980",
+					900: "#103e6a",
+					950: "#0b2746",
 				},
 				// pink: {
 				// 	50: "#FFFBFE",