fixing the front page.

_layouts/default.html

@@ -179,10 +179,10 @@
     <header>
       <div class="inner">
         <a href="{{ '/' | absolute_url }}">
-          <h1>{{ site.title | default: site.github.repository_name }}</h1>
+          <h1 style="font-size: 1.5rem;">{{ site.title | default: site.github.repository_name }}</h1>
         </a>
-        <h2>{{ site.description | default: site.github.project_tagline }}</h2>
-        <a href="{{ site.github.owner_url }}" class="button"><small>Follow me on</small> GitHub</a>
+        <h2 style="font-size: 1rem;">{{ site.description | default: site.github.project_tagline }}</h2>
+        <a href="{{ site.github.owner_url }}" class="button"><small style="font-size: 0.8rem;">Follow me on</small> GitHub</a>
       </div>
     </header>
 

index.md

@@ -1,14 +1,11 @@
-<div class="author-section" style="text-align: center; padding: 2rem; background: var(--sidebar-bg); border-radius: 15px; margin-bottom: 2rem;">
-  <img src="assets/images/author.jpg" alt="Abid's Profile Picture" class="author-image" style="width: 200px; height: 200px; object-fit: cover; border-radius: 50%; margin: 20px auto; display: block; border: 5px solid var(--secondary-color); box-shadow: 0 5px 15px rgba(0,0,0,0.2);">
+<div class="author-section" style="text-align: center; padding: 1.5rem; background: var(--sidebar-bg); border-radius: 15px; margin-bottom: 1.5rem;">
+  <img src="assets/images/author.jpg" alt="Abid's Profile Picture" class="author-image" style="width: 150px; height: 150px; object-fit: cover; border-radius: 50%; margin: 15px auto; display: block; border: 3px solid var(--secondary-color); box-shadow: 0 3px 10px rgba(0,0,0,0.2);">
 
-  <div class="author-bio" style="max-width: 800px; margin: 0 auto; line-height: 1.6;">
-    <h1 style="color: var(--primary-color);">Hello! I'm Abid</h1>
-    <p style="font-size: 1.1em; margin: 1rem 0;">
+  <div class="author-bio" style="max-width: 700px; margin: 0 auto; line-height: 1.4;">
+    <h1 style="color: var(--primary-color); font-size: 1.8em; margin-bottom: 0.5rem;">Hello! I'm Abid</h1>
+    <p style="font-size: 0.95em; margin: 0.7rem 0;">
       A dedicated technical writer and educator with a passion for making complex concepts accessible to everyone. With a strong background in data science and programming, I've authored over 450 articles that bridge the gap between technical complexity and practical understanding.
     </p>
-    <p style="font-size: 1.1em;">
-      My mission is to empower learners worldwide by breaking down complex technical concepts into digestible, engaging content. Whether you're a beginner taking your first steps in programming or an experienced developer looking to expand your knowledge, you'll find valuable resources here.
-    </p>
   </div>
 </div>