From 5a9da78cd0707006886e22abc6672f4cb4b015e5 Mon Sep 17 00:00:00 2001
From: Alex Selimov <alex@alexselimov.com>
Date: Thu, 4 Sep 2025 09:14:04 -0400
Subject: [PATCH] Update font-sizes on theme

---
 layouts/partials/link-card.html |  4 ++--
 layouts/partials/profile.html   |  6 +++---
 static/css/style.css            | 38 +++++++++++++++++++++++++++++++++
 3 files changed, 43 insertions(+), 5 deletions(-)

diff --git a/layouts/partials/link-card.html b/layouts/partials/link-card.html
index 8440fa8..599cdea 100644
--- a/layouts/partials/link-card.html
+++ b/layouts/partials/link-card.html
@@ -8,10 +8,10 @@
         </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>
 
     {{ end }}
 
-</div>
\ No newline at end of file
+</div>
diff --git a/layouts/partials/profile.html b/layouts/partials/profile.html
index d018103..781d76d 100644
--- a/layouts/partials/profile.html
+++ b/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 }}
@@ -19,4 +19,4 @@
         </a>
       {{ end }}
     </div>
-</div>
\ No newline at end of file
+</div>
diff --git a/static/css/style.css b/static/css/style.css
index 19a4a15..77e10c4 100644
--- a/static/css/style.css
+++ b/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 {