Update font-sizes on theme

layouts/partials/link-card.html

@@ -8,7 +8,7 @@
         </div>
         <div>
           <h3 class="font-medium">{{ .title }}</h3>
-          <p class="text-sm opacity-70">{{ .description }}</p>
+          <p class="text-lg opacity-70">{{ .description }}</p>
         </div>
       </a>
 

layouts/partials/profile.html

@@ -7,10 +7,10 @@
            alt="{{ $.Params.name }}"
            class="profile-pic mb-4">
     {{ end }}
-    <h1 class="text-3xl font-bold mb-2 text-center" style="color: var(--text-color)">
+    <h1 class="text-4xl font-bold mb-2 text-center" style="color: var(--text-color)">
       {{ .Params.name }}
     </h1>
-    <p class="text-center opacity-80 mb-6">{{ .Params.description }}</p>
+    <p class="text-center opacity-80 mb-6 text-xl">{{ .Params.description }}</p>
   
     <div class="flex flex-wrap justify-center gap-4 mb-8 social-icons">
       {{ range .Params.socials }}

static/css/style.css

@@ -12,6 +12,44 @@ body {
   margin: 0;
   padding: 0;
   overflow-x: hidden;
+  font-size: 24px; /* Add this line - default is usually 16px */
+
+}
+
+/* Typography sizes */
+h1 {
+  font-size: 4.0rem; /* 40px if base is 16px */
+  font-weight: 300;
+  margin-bottom: 0.5rem;
+}
+
+h2 {
+  font-size: 2rem; /* 32px */
+  font-weight: 300;
+  margin-bottom: 0.75rem;
+}
+
+h3 {
+  font-size: 1.5rem; /* 24px */
+  font-weight: 400;
+  margin-bottom: 1rem;
+}
+
+p {
+  font-size: 1.125rem; /* 18px */
+  line-height: 1.6;
+  margin-bottom: 1rem;
+}
+
+.lead-text {
+  font-size: 1.25rem; /* 20px */
+  font-weight: 300;
+  opacity: 0.9;
+}
+
+.small-text {
+  font-size: 0.875rem; /* 14px */
+  opacity: 0.7;
 }
 
 .profile-pic {