Update index.html

index.html

@@ -45,9 +45,9 @@
 
     /* Profile picture styles */
     .profile-picture {
-      height: 100;
-      width: 100;
-      border-radius: 70%;
+      height: 200px;
+      width: 200px;
+      border-radius: 50%;
       box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
     }
 
@@ -56,9 +56,11 @@
       animation-duration: 1s;
       animation-fill-mode: both;
     }
+
     .fadeInLeft {
       animation-name: fadeInLeft;
     }
+
     .fadeInRight {
       animation-name: fadeInRight;
     }
@@ -111,11 +113,11 @@ <h2 class="text-2xl font-bold mb-4">Contact</h2>
       </main>
     </div>
 
-    <div class= "flex justify-center items-center">
+    <div class="flex justify-center items-center">
       <!-- Profile Picture Section -->
       <section id="profile" class="text-center mb-12">
         <img src="https://avatars.githubusercontent.com/u/162099697?v=4" alt="Profile Picture"
-          class="w-32 h-32 mx-auto profile-picture animated fadeInLeft">
+          class="w-48 h-48 mx-auto profile-picture animated fadeInLeft">
       </section>
 
     </div>