gs

index.html

@@ -34,7 +34,7 @@
         </ul>
       </nav>
     </header>
-    <section class="flex h-[100vh] items-center justify-center bg-slate-800 text-[#fff]">
+    <section class="flex h-[100vh] items-center justify-center bg-[#242424]  text-[#fff]">
       <div class="absolute h-[56vh] w-[98%] bg-[#5e716a2c] self-center rounded-lg p-2 backdrop-blur-md">
         <span class="hello text-3xl font-bold">hello, world</span><br />
         <span class="text-3xl font-bold">Neeraj Rekwar</span><br />
@@ -45,17 +45,17 @@
           <a href="" class="rounded-md border-2 bg-slate-200 p-2 font-bold text-[#353535]">make with me</a>
         </div>
       </div>
-      <div class="flex h-[100vh] w-[100%] justify-center overflow-hidden lg:h-[85vh] lg:w-[90%] lg:rounded-lg">
-        <img class="image lg:object- w-[100%] bg-cover object-cover lg:rounded-3xl"
+      <div class="flex h-[100vh] w-[100%] shadow-[#5e716a] shadow-2xl hover:shadow-2xl justify-center overflow-hidden lg:h-[80vh] lg:w-[80%] lg:rounded-3xl">
+        <img class="image w-[100%]  bg-cover object-cover lg:rounded-3xl"
           src="//github.com/neerajrekwar/neerajrekwar.github.io/blob/ne/assets/images/IMG_20230329_105451_089.jpg?raw=true"
           alt="Neeraj Rekwar" />
       </div>
     </section>
-    <section class="m-auto h-[150vh] md:pt-7 bg-[#242424] ">
+    <section class="m-auto h-[150vh] md:pt-7 bg-[#242424]  ">
       <div class="bg-[#add6fc0a] md:w-[75%] m-auto md:rounded-2xl pt-4">
         <h2 id="about" class="p-4 py-2 text-2xl font-bold text-[#fff]">About Me</h2>
-      <div class="p-4 text-gray-600">
-        <p class="  text-[#fff]">I am a pro-passionate with evolving digital landscape for digital
+      <div class="p-4 text-[#5e716a]">
+        <p class="">I am a pro-passionate with evolving digital landscape for digital
           marketing, front-end development, and giving back to the community. I leverage my skills to create impactful
           online experiences and contribute to meaningful causes. Lorem ipsum dolor, sit amet consectetur adipisicing elit. Vitae cupiditate velit doloremque quo quod. Fuga adipisci dolor laudantium eum ipsa eaque praesentium saepe? Quos error alias nostrum eaque voluptatibus at?</p>
       </div>