added my photot

Author: AkhilSaiLatchireddi

css/style.css

@@ -215,69 +215,19 @@ nav a:hover {
         gap: 1rem;
     }
 }
-    background-color: rgba(255, 255, 255, 0.1);
-    padding: 1rem;
-    margin-top: 1rem;
-}
-
-nav ul {
-    list-style: none;
-    display: flex;
-    justify-content: center;
-    gap: 2rem;
-}
-
-nav a {
-    color: white;
-    text-decoration: none;
-    font-size: 1.1rem;
-    padding: 0.5rem 1rem;
-    border-radius: 4px;
-    transition: background-color 0.3s;
-}
-
-nav a:hover {
-    background-color: rgba(255, 255, 255, 0.2);
-}
-
-/* Main Content Styles */
-main {
-    max-width: 1200px;
-    margin: 0 auto;
-    padding: 3rem 2rem;
-}
-
-section {
-    background: white;
-    border-radius: 8px;
-    padding: 2rem;
-    margin-bottom: 2rem;
-    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-}
-
-h2 {
-    color: #1e3c72;
-    margin-bottom: 1rem;
-    font-size: 2rem;
-    font-weight: 500;
-}
-
-p {
-    margin-bottom: 1rem;
-    color: #666;
-}
 
-a {
-    color: #2a5298;
-    text-decoration: none;
-    transition: color 0.3s;
-}
-
-a:hover {
-    color: #1e3c72;
+/* Homepage Specific Styles */
+.profile-image {
+    width: 200px;
+    height: 200px;
+    border-radius: 50%;
+    margin: 0 auto 2rem;
+    display: block;
+    object-fit: cover;
+    border: 3px solid var(--primary-color);
+    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
 }
 
-/* Homepage Specific Styles */
 .subtitle {
     font-size: 1.4rem;
     color: #666;

index.html

@@ -22,6 +22,7 @@
 
     <main class="container">
         <section class="hero">
+            <img src="assets/AkhilDP2.jpeg" alt="Akhil Sai Latchireddi" class="profile-image">
             <h1>Akhil Sai Latchireddi</h1>
             <p class="subtitle">Software Developer & Open Source Enthusiast</p>
             <div class="cta-buttons">