diff --git a/src/app.css b/src/app.css
index e143dc7..2deac40 100644
--- a/src/app.css
+++ b/src/app.css
@@ -4,7 +4,7 @@
 
 body {
   transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
-  @apply bg-white dark:bg-black text-black dark:text-white text-center;
+  @apply bg-stone-100 dark:bg-gray-950 text-black dark:text-stone-100 text-center;
 }
 
   
\ No newline at end of file
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 3951bce..34a4999 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -35,19 +35,19 @@
     }
 </script>
 
-<nav class="nav-container h-32 w-full">
+<nav class="nav-container h-32 w-full mt-12">
     <ul class="text-center">
         {#each nav as main,i}
             {#if i != 0}
                 {#if !nav[i].subPages[0]}
-                    <li class="nav-item font-jose inline-block"><a href={main.name} class={selected==nav[i] ? "nav-link stroke-slate-700 text-2xl p-3" : "nav link text-2xl p-3"} on:click={changeComponent} id={i} >{main.name}</a></li>
+                    <li class="nav-item font-jose inline-block"><a href={main.name} class={selected==nav[i] ? "nav-link text-2xl p-3" : "nav link text-2xl p-3"} on:click={changeComponent} id={i} >{main.name}</a></li>
                 {:else}
-                    <li class="nav-item font-jose inline-block"><button class={selected==nav[i] ? "nav-link stroke-slate-700 text-2xl p-3" : "nav link text-2xl p-3"} on:click={changeComponent} id={i} >{main.name}</button></li>
+                    <li class="nav-item font-jose inline-block"><button class={selected==nav[i] ? "nav-link text-2xl p-3" : "nav link text-2xl p-3"} on:click={changeComponent} id={i} >{main.name}</button></li>
                 {/if}
             {/if}
         {/each}
     </ul>
-    <hr class="nav-divider max-w-xl h-0.5 border-0 mx-auto my-1 bg-black rounded md:my-1"/>
+    <hr class="nav-divider max-w-xl h-0.5 border-0 mx-auto my-1 bg-black rounded md:my-1 dark:bg-stone-100"/>
     {#key selected}
         <ul in:blur={{ delay: 250 }} out:blur={{ duration: 250 }} class="text-center h-4 my-1">
             {#each selected.subPages as subPage}