updated alignments

Author: AkhilSaiLatchireddi

css/style.css

@@ -184,19 +184,36 @@ nav ul {
 
 nav a {
     text-decoration: none;
-    color: var(--secondary-color);
-    font-weight: 500;
+    color: #333;
+    font-weight: 600;
     font-size: 1.1rem;
     padding: 0.5rem 1rem;
     border-radius: 4px;
-    transition: color 0.2s ease, background-color 0.2s ease;
+    transition: all 0.2s ease;
+    position: relative;
 }
 
 nav a:hover {
     color: var(--primary-color);
     background-color: rgba(211, 35, 35, 0.1);
 }
 
+nav a::after {
+    content: '';
+    position: absolute;
+    bottom: 0;
+    left: 50%;
+    width: 0;
+    height: 2px;
+    background-color: var(--primary-color);
+    transition: all 0.2s ease;
+    transform: translateX(-50%);
+}
+
+nav a:hover::after {
+    width: 80%;
+}
+
 /* Responsive Design */
 @media (max-width: 768px) {
     .projects-grid {
@@ -218,13 +235,13 @@ nav a:hover {
 
 /* Homepage Specific Styles */
 .profile-image {
-    width: 200px;
-    height: 200px;
-    border-radius: 50%;
-    margin: 0 auto 2rem;
+    width: 100px;
+    height: 100px;
+    border-radius: 30%;
+    margin: 0 auto 1.5rem;
     display: block;
     object-fit: cover;
-    border: 3px solid var(--primary-color);
+    border: 2px solid var(--primary-color);
     box-shadow: 0 4px 8px rgba(0,0,0,0.1);
 }