increase font size and spacing

earth-walker · earth-walker · commit e8c32bcd2aa2 · 2026-01-10T14:37:37.000-05:00
diff --git a/website/src/components/Footer.astro b/website/src/components/Footer.astro
@@ -1,5 +1,7 @@
 <footer class="py-12 text-center flex flex-col gap-3 bg-green-300">
-  <a class="underline" href=`${import.meta.env.BASE_URL}/#top`>Return to top</a>
-  <p class="text-xl font-semibold font-serif">Benefit Decision Toolkit</p>
+  <a class="underline text-lg" href=`${import.meta.env.BASE_URL}/#top`
+    >Return to top</a
+  >
+  <p class="text-2xl! font-semibold font-serif">Benefit Decision Toolkit</p>
   <p>With ❤️ from Philly</p>
 </footer>
diff --git a/website/src/components/Hero.astro b/website/src/components/Hero.astro
@@ -8,7 +8,7 @@ import { Content } from "../assets/copy/Hero.md";
 >
   <div class="max-w-[130ch] mx-auto mt-20">
     <div
-      class="prose prose-p:text-slate-100 prose-headings:text-slate-100 prose-headings:text-left max-w-120 prose-p:text-shadow-sm/35 prose-p:text-xl prose-headings:text-shadow-lg/15"
+      class="prose prose-p:text-slate-100 prose-headings:text-slate-100 prose-headings:text-left max-w-120 prose-p:text-shadow-sm/35 prose-p:text-2xl! prose-p:leading-8! prose-headings:text-shadow-lg/15"
     >
       <Content />
     </div>
diff --git a/website/src/components/Process.astro b/website/src/components/Process.astro
@@ -13,7 +13,7 @@ const steps = ["Create a Screener", "Add Logic", "Deploy Your Tool"];
         steps.map((step) => (
           <div class="bg-[url(../assets/backgrounds/chevron.svg)] bg-no-repeat bg-contain sm:h-40 sm:w-40 h-25 w-25 flex justify-center items-center">
             <div class="w-15 sm:w-20">
-              <p class="relative left-1 sm:left-2 text-center text-sm sm:text-xl text-white!">
+              <p class="relative left-1 sm:left-2 text-center text-sm! sm:text-xl! text-white!">
                 {step}
               </p>
             </div>
diff --git a/website/src/components/Projects.astro b/website/src/components/Projects.astro
@@ -9,7 +9,7 @@ const projects = await getCollection("projects");
   class="bg-sky-500/50 bg-[url(../assets/backgrounds/wavy.png)] bg-cover bg-blend-multiply"
 >
   <div class="max-w-[130ch] mx-auto py-12 px-3">
-    <h2 class="font-bold font-serif text-2xl text-center mb-6">
+    <h2 class="font-bold font-serif text-2xl text-center mb-9">
       BDT's Projects
     </h2>
     <ul class="flex flex-col sm:flex-row gap-6 justify-center">
diff --git a/website/src/components/Values.astro b/website/src/components/Values.astro
@@ -10,7 +10,7 @@ import inclusivity from "../assets/icons/inclusivity.png";
 
 <section id="values">
   <div class="max-w-[130ch] mx-auto py-12 px-3">
-    <h2 class="font-bold font-serif text-2xl text-center">Our Values</h2>
+    <h2 class="font-bold font-serif text-2xl text-center mb-6">Our Values</h2>
     <ul class="flex flex-col sm:flex-row justify-between">
       <li class="flex flex-col gap-6 p-3 items-center sm:w-1/3">
         <Image class="w-42" src={empathy} alt="Man in office." />
diff --git a/website/src/layouts/Layout.astro b/website/src/layouts/Layout.astro
@@ -13,7 +13,7 @@ import Footer from "../components/Footer.astro";
     <title>Benefit Decision Toolkit</title>
   </head>
   <body
-    class="prose-headings:font-serif prose-headings:text-center prose-p:text-black prose-p:leading-6 prose-a:font-semibold"
+    class="prose-headings:font-serif prose-headings:text-center prose-p:text-black prose-p:leading-6 prose-a:font-semibold prose-h2:text-3xl prose-h3:text-2xl prose-p:text-lg"
   >
     <div id="top"></div>
     <Header />

Original file line number	Diff line number	Diff line change
`@@ -8,7 +8,7 @@ import { Content } from "../assets/copy/Hero.md";`
`8`	`8`	`>`
`9`	`9`	`<div class="max-w-[130ch] mx-auto mt-20">`
`10`	`10`	`<div`
`11`		`- class="prose prose-p:text-slate-100 prose-headings:text-slate-100 prose-headings:text-left max-w-120 prose-p:text-shadow-sm/35 prose-p:text-xl prose-headings:text-shadow-lg/15"`
	`11`	`+ class="prose prose-p:text-slate-100 prose-headings:text-slate-100 prose-headings:text-left max-w-120 prose-p:text-shadow-sm/35 prose-p:text-2xl! prose-p:leading-8! prose-headings:text-shadow-lg/15"`
`12`	`12`	`>`
`13`	`13`	`<Content />`
`14`	`14`	`</div>`
Original file line number	Diff line number	Diff line change
`@@ -9,7 +9,7 @@ const projects = await getCollection("projects");`
`9`	`9`	`class="bg-sky-500/50 bg-[url(../assets/backgrounds/wavy.png)] bg-cover bg-blend-multiply"`
`10`	`10`	`>`
`11`	`11`	`<div class="max-w-[130ch] mx-auto py-12 px-3">`
`12`		`- <h2 class="font-bold font-serif text-2xl text-center mb-6">`
	`12`	`+ <h2 class="font-bold font-serif text-2xl text-center mb-9">`
`13`	`13`	`BDT's Projects`
`14`	`14`	`</h2>`
`15`	`15`	`<ul class="flex flex-col sm:flex-row gap-6 justify-center">`
Original file line number	Diff line number	Diff line change
`@@ -13,7 +13,7 @@ import Footer from "../components/Footer.astro";`
`13`	`13`	`<title>Benefit Decision Toolkit</title>`
`14`	`14`	`</head>`
`15`	`15`	`<body`
`16`		`- class="prose-headings:font-serif prose-headings:text-center prose-p:text-black prose-p:leading-6 prose-a:font-semibold"`
	`16`	`+ class="prose-headings:font-serif prose-headings:text-center prose-p:text-black prose-p:leading-6 prose-a:font-semibold prose-h2:text-3xl prose-h3:text-2xl prose-p:text-lg"`
`17`	`17`	`>`
`18`	`18`	`<div id="top"></div>`
`19`	`19`	`<Header />`