diff --git a/index.html b/index.html
index 7b0d8b5a..6e022a4a 100644
--- a/index.html
+++ b/index.html
@@ -38,18 +38,23 @@
   </head>
   <body>
     <header>
-      <h1>My Name</h1>
+      <h1>Jordy</h1>
       <nav>
         <ul>
-          <li><a href="#about">About Me</a></li>
+          <li class="current"><a href="#about">About Me</a></li>
           <li><a href="#projects">Projects</a></li>
-          <li><a href="#contact">Contact</a></li>
+          <li class="current"><a href="#contact">Contact</a></li>
         </ul>
       </nav>
     </header>
     <main tabindex="0">
       <section id="about">
-        <header><h2>About Me</h2></header>
+        <header>
+          <h3>Software Developer</h3>
+          <h2>Hi, I'm Jordy<br>
+            Ilunga Mukandayi From South Africa
+          </h2>
+        </header>
         <p>
           Lorem, ipsum dolor sit amet consectetur adipisicing elit. Nulla nisi
           excepturi quidem, eum rem doloribus quam aspernatur hic enim eligendi
diff --git a/style.css b/style.css
index c911f90c..dc4ecf10 100644
--- a/style.css
+++ b/style.css
@@ -11,7 +11,8 @@
 html,
 body {
   scroll-behavior: smooth;
-  background: var(--paper);
+  /* background: var(--paper); */
+  background: #fff;
   color: var(--ink);
   font-family: var(--font);
 }
@@ -36,7 +37,7 @@ a:focus {
 }
 /* Site header and navigation */
 body > header {
-  background: var(--paper);
+  /* background: var(--paper); */
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -44,10 +45,24 @@ body > header {
   top: 0;
   z-index: 1;
 }
+
+nav{
+  background: var(--paper);
+  border-radius: 20px;
+  padding: 8px 40px 8px 4px;
+  margin-top: 10px;
+}
 nav ul {
   display: flex;
   list-style: none;
   gap: var(--gap);
+  border-radius: 20px;
+}
+nav .current a{
+  background: #ffffff;
+  border-radius: 100px;
+  width: 20%;
+  padding: 8px 20px ;
 }
 
 /* Text readability */
