diff --git a/components/Layout.tsx b/components/Layout.tsx
index c876855..6090e1c 100644
--- a/components/Layout.tsx
+++ b/components/Layout.tsx
@@ -3,10 +3,10 @@ import Footer from "./Footer.tsx";
 
 export default function layouts({ children }: any) {
   return (
-    <div>
+    <div class="container mx-auto px-4">
       <img src="/header1.jpg" />
 
-      <nav class="tw w-full px-4 py-3 bg-orange-800 text-white mb-10">
+      <nav class="tw w-full px-4 py-3 bg-blue-800 text-white mb-10">
         <a class="tw mx-4" href="/">Ana sayfa</a>
         <a class="tw mx-4" href="/hakkimda">Hakkımda</a>
         <a class="tw mx-4" href="https://kemalblog.com" target="blank">