diff --git a/docs/404.html b/docs/404.html
index 5ae7bbe..e086027 100644
--- a/docs/404.html
+++ b/docs/404.html
@@ -15,7 +15,7 @@
 	<header class="header">
 	<div class="limiter">
 		<a href="/" class="logo">
-			<h1>x42.space</h1>
+			<h1><span class="blue">x42</span>.space</h1>
 		</a>
 		<div class="header-right">
 			<a id="href-Home" href="/">
diff --git a/docs/about-me.html b/docs/about-me.html
index 67124f0..677de41 100644
--- a/docs/about-me.html
+++ b/docs/about-me.html
@@ -14,7 +14,7 @@
 	<header class="header">
 	<div class="limiter">
 		<a href="/" class="logo">
-			<h1>x42.space</h1>
+			<h1><span class="blue">x42</span>.space</h1>
 		</a>
 		<div class="header-right">
 			<a id="href-Home" href="/">
diff --git a/docs/about.html b/docs/about.html
index 2437bfb..d5a40b4 100644
--- a/docs/about.html
+++ b/docs/about.html
@@ -15,7 +15,7 @@
 	<header class="header">
 	<div class="limiter">
 		<a href="/" class="logo">
-			<h1>x42.space</h1>
+			<h1><span class="blue">x42</span>.space</h1>
 		</a>
 		<div class="header-right">
 			<a id="href-Home" href="/">
diff --git a/docs/assets/styles/style.css b/docs/assets/styles/style.css
index 8e3b231..a4b668d 100644
--- a/docs/assets/styles/style.css
+++ b/docs/assets/styles/style.css
@@ -162,10 +162,16 @@ h6 {
 	background-color: var(--color-grey3);
 	color: var(--color-text);
 }
+.header a.logo .blue{
+	color: var(--color-blue);
+}
 .header a.logo:hover {
 	background-color: var(--color-blue);
 	color: var(--color-text-alt);
 }
+.header a.logo:hover .blue{
+	color: var(--color-text-alt);
+}
 .header a.active {
 	background-color: var(--color-blue);
 	color: var(--color-text-alt);
diff --git a/docs/index.html b/docs/index.html
index 9d938ab..449d417 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -14,7 +14,7 @@
 	<header class="header">
 	<div class="limiter">
 		<a href="/" class="logo">
-			<h1>x42.space</h1>
+			<h1><span class="blue">x42</span>.space</h1>
 		</a>
 		<div class="header-right">
 			<a id="href-Home" href="/">
diff --git a/docs/projects.html b/docs/projects.html
index 5a87105..d998fbe 100644
--- a/docs/projects.html
+++ b/docs/projects.html
@@ -14,7 +14,7 @@
 	<header class="header">
 	<div class="limiter">
 		<a href="/" class="logo">
-			<h1>x42.space</h1>
+			<h1><span class="blue">x42</span>.space</h1>
 		</a>
 		<div class="header-right">
 			<a id="href-Home" href="/">
diff --git a/docs/projects/grandMA2_Lissaious_Form_Effect.html b/docs/projects/grandMA2_Lissaious_Form_Effect.html
index 37e7c58..3ff9aae 100644
--- a/docs/projects/grandMA2_Lissaious_Form_Effect.html
+++ b/docs/projects/grandMA2_Lissaious_Form_Effect.html
@@ -14,7 +14,7 @@
     <header class="header">
 	<div class="limiter">
 		<a href="/" class="logo">
-			<h1>x42.space</h1>
+			<h1><span class="blue">x42</span>.space</h1>
 		</a>
 		<div class="header-right">
 			<a id="href-Home" href="/">
diff --git a/views/assets/styles/style.css b/views/assets/styles/style.css
index 8e3b231..a4b668d 100644
--- a/views/assets/styles/style.css
+++ b/views/assets/styles/style.css
@@ -162,10 +162,16 @@ h6 {
 	background-color: var(--color-grey3);
 	color: var(--color-text);
 }
+.header a.logo .blue{
+	color: var(--color-blue);
+}
 .header a.logo:hover {
 	background-color: var(--color-blue);
 	color: var(--color-text-alt);
 }
+.header a.logo:hover .blue{
+	color: var(--color-text-alt);
+}
 .header a.active {
 	background-color: var(--color-blue);
 	color: var(--color-text-alt);
diff --git a/views/ejs/partials/header.html b/views/ejs/partials/header.html
index 10e7bbb..ab092de 100644
--- a/views/ejs/partials/header.html
+++ b/views/ejs/partials/header.html
@@ -1,7 +1,7 @@
 <header class="header">
 	<div class="limiter">
 		<a href="/" class="logo">
-			<h1>x42.space</h1>
+			<h1><span class="blue">x42</span>.space</h1>
 		</a>
 		<div class="header-right">
 			<a id="href-Home" href="/">