diff --git a/src/app/_components/about-me/page.tsx b/src/app/_components/about-me/page.tsx
index 18d5531..8d706a5 100644
--- a/src/app/_components/about-me/page.tsx
+++ b/src/app/_components/about-me/page.tsx
@@ -43,21 +43,21 @@ export default function AboutMe() {
 
   return (
     <div
-      className="my-20 flex w-full flex-wrap items-center justify-center gap-10 px-5"
+      className="my-20 flex max-w-[90%] w-full flex-wrap items-center justify-center gap-10 px-5"
       id="about-me"
     >
-      <div className="ms-0 flex w-full min-w-[300px] max-w-[90%] flex-col items-start md:w-[50%]">
-        <h2 className="w-full text-[65px] font-[600] text-black">
+      <div className="ms-0 flex flex-col w-full items-center md:w-[50%]">
+        <h2 className="text-[60px] font-[800] text-black">
           {aboutMe?.title || <Skeleton width={300} height={100} />}
         </h2>
-        <p className="text-[21px] font-[400] text-black">
+        <p className="text-justify text-[21px] font-[400] text-black">
           {aboutMe?.description || <Skeleton width={350} height={30} />}
         </p>
         <ul className="mt-10 flex w-full flex-col gap-10">
           {aboutMe?.skills ? (
             aboutMe?.skills.map((skill, key) => (
               <li key={key}>
-                <h3 className="mb-2">{skill.title}</h3>
+                <h3 className="mb-2 text-[18px] font-[700]">{skill.title}</h3>
                 <div className="h relative h-[12px] w-full rounded-lg bg-[#EDECEC]">
                   <span
                     className="progress absolute h-[12px] rounded-lg bg-[#FD6F00]"
diff --git a/src/app/_components/my-projects/page.tsx b/src/app/_components/my-projects/page.tsx
index e92aaa1..fc40be8 100644
--- a/src/app/_components/my-projects/page.tsx
+++ b/src/app/_components/my-projects/page.tsx
@@ -77,7 +77,7 @@ export default function MyProjects() {
       className="flex w-full max-w-[90%] flex-wrap items-center justify-center"
       id="projects"
     >
-      <h2 className="my-10 text-[65px] font-[600] text-black">My Projects</h2>
+      <h2 className="my-10 text-[60px] font-[800] text-black">My Projects</h2>
       <p className="text-justify text-[21px] font-[400] text-black">
         Lorem ipsum dolor sit amet consectetur. Mollis erat duis aliquam mauris
         est risus lectus. Phasellus consequat urna tellus
diff --git a/src/app/_components/services/page.tsx b/src/app/_components/services/page.tsx
index c15aed1..d7a7f96 100644
--- a/src/app/_components/services/page.tsx
+++ b/src/app/_components/services/page.tsx
@@ -77,8 +77,8 @@ export default function Services() {
       className="flex w-full max-w-[90%] flex-col flex-wrap items-center"
       id="services"
     >
-      <h2 className="my-10 text-[65px] font-[600] text-black">Services</h2>
-      <p className="w-full text-center text-[21px] font-[400] text-black">
+      <h2 className="my-10 text-[60px] font-[800] text-black">Services</h2>
+      <p className="text-justify text-[21px] font-[400] text-black">
         Lorem ipsum dolor sit amet consectetur. Tristique amet sed massa nibh
         lectus netus in. Aliquet donec morbi convallis pretium
       </p>
diff --git a/src/app/_components/testimonials/page.tsx b/src/app/_components/testimonials/page.tsx
index dbb6628..477e7d5 100644
--- a/src/app/_components/testimonials/page.tsx
+++ b/src/app/_components/testimonials/page.tsx
@@ -52,7 +52,7 @@ export default function Testimonials() {
       className="flex w-full max-w-[90%] flex-wrap justify-center"
       id="testimonials"
     >
-      <h2 className="text-[65px] font-[600] text-black">Testominials</h2>
+      <h2 className="text-[60px] font-[800] text-black">Testominials</h2>
       <p className="my-10 text-justify text-[21px] font-[400] text-black">
         Lorem ipsum dolor sit amet consectetur. Mollis erat duis aliquam mauris
         est risus lectus. Phasellus consequat urna tellus
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index d92d2eb..d645eee 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -22,7 +22,7 @@ export default function RootLayout({
     <html lang="en">
       <body
         suppressHydrationWarning={true}
-        className={`${geistSans.variable} relative flex w-full flex-col items-center justify-between border-2 border-red-600 antialiased`}
+        className={`${geistSans.variable} relative flex w-full flex-col items-center justify-between antialiased`}
       >
         <div className="scroll-watcher" id="top"></div>
         <a
@@ -37,8 +37,10 @@ export default function RootLayout({
           id="header"
         >
           <div className="flex flex-wrap items-center justify-center xl:flex-nowrap xl:justify-normal">
-            <Image src={"/images/logo.svg"} width={67} height={67} alt="logo" />
-            <p className="ms-2 whitespace-nowrap text-[28px] xl:text-[38px] font-[800] xl:ms-3 text-[#FD6F00]">
+            <div className="flex w-[67px]">
+              <img src={"/images/logo.svg"} className="w-full" alt="logo" />
+            </div>
+            <p className="ms-2 whitespace-nowrap text-[28px] font-[800] text-[#FD6F00] xl:ms-3 xl:text-[38px]">
               Parsa Aghayi
             </p>
           </div>
@@ -80,7 +82,7 @@ export default function RootLayout({
               Contact
             </a>
           </ul>
-          <button className="flex h-[52px] w-[188px] items-center whitespace-nowrap rounded-md bg-[#FD6F00] p-[18px] text-[21px] font-[400] text-[#fff]">
+          <button className="flex h-[52px] w-[188px] items-center justify-center whitespace-nowrap rounded-md bg-[#FD6F00] p-[18px] text-[20px] font-[600] text-[#fff]">
             Download CV
           </button>
         </div>
@@ -98,76 +100,85 @@ export default function RootLayout({
                 height={67}
                 alt="logo"
               />
-              <p className="ms-[20px] text-[48px] font-[400]">Parsa Aghayi</p>
+              <p className="ms-2 text-[48px] font-[800] text-[#fd6f00]">
+                Parsa Aghayi
+              </p>
             </div>
-            <ul className="flex items-center justify-center">
+            <ul className="flex w-full flex-wrap items-center justify-center">
               <a
-                className="whitespace-nowrap px-[14px] py-[10px] text-[21px] font-[400]"
+                className="whitespace-nowrap px-[14px] py-[10px] text-[18px] font-[500] hover:text-[#fd6f00]"
                 href="/#home"
               >
                 Home
               </a>
               <a
-                className="whitespace-nowrap px-[14px] py-[10px] text-[21px] font-[400]"
+                className="whitespace-nowrap px-[14px] py-[10px] text-[18px] font-[500] hover:text-[#fd6f00]"
                 href="/#about-me"
               >
                 About Me
               </a>
               <a
-                className="whitespace-nowrap px-[14px] py-[10px] text-[21px] font-[400]"
+                className="whitespace-nowrap px-[14px] py-[10px] text-[18px] font-[500] hover:text-[#fd6f00]"
                 href="/#services"
               >
                 Services
               </a>
               <a
-                className="whitespace-nowrap px-[14px] py-[10px] text-[21px] font-[400]"
+                className="whitespace-nowrap px-[14px] py-[10px] text-[18px] font-[500] hover:text-[#fd6f00]"
                 href="/#projects"
               >
                 Projects
               </a>
               <a
-                className="whitespace-nowrap px-[14px] py-[10px] text-[21px] font-[400]"
+                className="whitespace-nowrap px-[14px] py-[10px] text-[18px] font-[500] hover:text-[#fd6f00]"
                 href="/#testimonials"
               >
                 Testimonials
               </a>
               <a
-                className="whitespace-nowrap px-[14px] py-[10px] text-[21px] font-[400]"
+                className="whitespace-nowrap px-[14px] py-[10px] text-[18px] font-[500] hover:text-[#fd6f00]"
                 href="/#contact"
               >
                 Contact
               </a>
             </ul>
-            <div className="flex items-center gap-[25px]">
-              <Image
-                src={"/images/icons/facebook.svg"}
-                width={32}
-                height={32}
-                alt="facebook"
-              />
-              <Image
-                src={"/images/icons/twitter.svg"}
-                width={32}
-                height={32}
-                alt="twitter"
-              />
-              <Image
-                src={"/images/icons/instagram.svg"}
-                width={32}
-                height={32}
-                alt="instagram"
-              />
-              <Image
-                src={"/images/icons/linkedin.svg"}
-                width={32}
-                height={32}
-                alt="linkedin"
-              />
+            {/* socials */}
+            <div className="flex w-full justify-center">
+              <div className="flex items-center gap-[25px]">
+                <Image
+                  src={"/images/icons/facebook.svg"}
+                  width={32}
+                  height={32}
+                  alt="facebook"
+                  className="svg-hover hover:cursor-pointer"
+                />
+                <Image
+                  src={"/images/icons/twitter.svg"}
+                  width={32}
+                  height={32}
+                  alt="twitter"
+                  className="svg-hover hover:cursor-pointer"
+                />
+                <Image
+                  src={"/images/icons/instagram.svg"}
+                  width={32}
+                  height={32}
+                  alt="instagram"
+                  className="svg-hover hover:cursor-pointer"
+                />
+                <Image
+                  src={"/images/icons/linkedin.svg"}
+                  width={32}
+                  height={32}
+                  alt="linkedin"
+                  className="svg-hover hover:cursor-pointer"
+                />
+              </div>
             </div>
           </div>
-          <p className="flex h-[84px] items-center justify-center bg-[#545454] text-[21px] font-[400] text-white">
+          <p className="flex h-[84px] items-center justify-center bg-[#545454] text-[18px] font-[400] text-white">
             © 2023
-            <span className="mx-[5px] text-[21px] font-[700] text-[#FD6F00]">
+            <span className="mx-[5px] text-[18px] font-[700] text-[#FD6F00]">
               Parsa Aghayi
             </span>{" "}
             All Rights Reserved , Inc.