diff --git a/components/layout/layout-header.tsx b/components/layout/layout-header.tsx
index 7e8d44c..6ef521f 100644
--- a/components/layout/layout-header.tsx
+++ b/components/layout/layout-header.tsx
@@ -24,9 +24,9 @@ const Header = () => {
                                     className="p-3 text-gray-700 rounded-md outline-none focus:border-gray-400 border-2 focus:border bg-nord-10"
                                     onClick={() => setNavbar(!navbar)}>
                                     {navbar ? (
-                                        <div className="bar text-white"></div>
+                                        <div className="bar text-snow-storm"></div>
                                     ) : (
-                                        <div className="close text-white"></div>
+                                        <div className="close text-snow-storm"></div>
                                     )}
                                 </button>
                             </div>
@@ -37,23 +37,23 @@ const Header = () => {
                         <div
                             className={`flex-1 justify-self-center md:block md:pb-0 md:mt-0 ${navbar ? 'p-12 md:p-0 block' : 'hidden'}`}>
                             <ul className=" md:h-auto items-center justify-center md:flex">
-                                <li className="text-xl text-white py-2 my-2 md:my-0 md:px-6 text-center md:border-b-0  border-white  hover:text-nord-12 transition duration-250">
+                                <li className="text-xl text-snow-storm py-2 my-2 md:my-0 md:px-6 text-center md:border-b-0  border-snow-storm-dark  hover:text-nord-12 transition duration-250">
                                     <Link href="/" onClick={() => setNavbar(!navbar)}
                                           className='sm:px-52 md:px-0'>Home</Link>
                                 </li>
 
-                                <li className="text-xl text-white py-2 my-2 md:my-0 px-6 text-center md:border-b-0  border-white  hover:text-nord-12 transition duration-250">
+                                <li className="text-xl text-snow-storm py-2 my-2 md:my-0 px-6 text-center md:border-b-0  border-snow-storm-dark  hover:text-nord-12 transition duration-250">
                                     <Link href="/blog" onClick={() => setNavbar(!navbar)}
                                           className='sm:px-52 md:px-0'>Blog</Link>
                                 </li>
 
 
-                                <li className="text-xl text-white py-2 my-2 md:my-0 px-6 text-center md:border-b-0  border-white  hover:text-nord-12 transition duration-250">
+                                <li className="text-xl text-snow-storm py-2 my-2 md:my-0 px-6 text-center md:border-b-0  border-snow-storm-dark  hover:text-nord-12 transition duration-250">
                                     <Link href="https://gitlab.com/caydens" onClick={() => setNavbar(!navbar)}
                                           className='sm:px-48 md:px-0'>GitLab</Link>
                                 </li>
 
-                                <li className="text-xl text-white py-2 my-2 md:my-0 px-6 text-center md:border-b-0  border-white  hover:text-nord-12 transition duration-250">
+                                <li className="text-xl text-snow-storm py-2 my-2 md:my-0 px-6 text-center md:border-b-0  border-snow-storm-dark  hover:text-nord-12 transition duration-250">
                                     <Link href="/contact" onClick={() => setNavbar(!navbar)}
                                           className='sm:px-48 md:px-0'>Contact</Link>
                                 </li>