Update index.html

index.html

@@ -49,7 +49,7 @@
             display: inline-block; /* Treats each link like a block for styling */
             color: #1E242B; /* Text color */
             text-decoration: none;
-            font-size: 14px;
+            font-size: 10px;
             margin: 5px; /* Space between each "box" */
             padding: 1px 10px; /* Padding inside each "box" */
             background-color: #2AD87F; /* Background color of each "box" */
@@ -105,6 +105,7 @@
     display: flex; /* Enables flexbox layout */
     width: 100%; /* Takes full width of its parent */
     position: relative; /* Allows absolute positioning of header and socialLinks */
+    padding-bottom: 20px;
 
 }
 
@@ -144,9 +145,10 @@
 }
 
 .socialLinks a, .portfolio_links a {
-    font-size: 12px;
+    font-size: 10px;
     color: #52a77b;
     text-decoration: none;
+    padding-bottom: 2px;
 }
 
 @media (max-width: 768px) {
@@ -206,9 +208,9 @@
             <div class="name-container">
 
                 <div class="nameIntro" style="display: flex;align-items: center;justify-content: center;flex-wrap: wrap;">
-                    <h1 style="font-weight: 200; font-size: 26px;padding-right: 8px;line-height: 0.5;">Hey there, I am</h1>
-                    <h1 style="padding-right: 8px; margin: 0;font-size: 50px;line-height: 0.5;">Manjunath</h1>
-                    <h1 style="font-weight: 400; margin: 0; font-size: 50px;">Karanth</h1>
+                    <h1 style="font-weight: 200; font-size: 12px;padding-right: 8px;line-height: 0.5;">Hey there, I am</h1>
+                    <h1 style="padding-right: 8px; margin: 0;font-size: 25px;line-height: 0.5;">Manjunath</h1>
+                    <h1 style="font-weight: 400; margin: 0; font-size: 25px;">Karanth</h1>
                 </div>
 
                 <!-- <h1 class="myRoles" style="font-weight: 200; font-size: 16px; margin: 0;align-items: center;margin-top: 0;">