Use a better font

Author: davepeck

public/index.html

@@ -84,7 +84,7 @@
           <a href="/try-it-now.html">try it now</a>
           <a href="/playground.html">playground</a>
         </nav>
-        <h1 class="font-serif font-bold text-cloudbank text-3xl">
+        <h1 class="font-sans font-bold text-cloudbank text-3xl">
           Hello, t-strings!
         </h1>
         <p>

public/introduction.html

@@ -114,7 +114,7 @@
           <a href="/try-it-now.html">try it now</a>
           <a href="/playground.html">playground</a>
         </nav>
-        <h1 class="font-serif font-bold text-cloudbank text-3xl">
+        <h1 class="font-sans font-bold text-cloudbank text-3xl">
           A brief intro to t-strings
         </h1>
         <p>

public/try-it-now.html

@@ -115,14 +115,14 @@
           <a href="/try-it-now.html">try it now</a>
           <a href="/playground.html">playground</a>
         </nav>
-        <h1 class="font-serif font-bold text-cloudbank text-3xl">
+        <h1 class="font-sans font-bold text-cloudbank text-3xl">
           Try t-strings now!
         </h1>
         <p>
           Excited to try <strong>t-strings</strong> before Python 3.14's official release? You've got options!
         </p>
 
-          <h2 class="font-serif font-bold text-cloudbank text-xl mt-6">
+          <h2 class="font-sans font-bold text-cloudbank text-xl mt-6">
           Option 1: Our Browser Playground
         </h2>
         <p>
@@ -132,7 +132,7 @@ <h2 class="font-serif font-bold text-cloudbank text-xl mt-6">
           Our playground uses <a href="https://pyodide.org/" target="_blank">Pyodide</a> (with a 3.14.0b1 patch) and <a href="https://jupyterlite.readthedocs.io/en/latest/" target="_blank">JupyterLite</a> to run Python entirely in your browser. It's a great way to experiment without installing anything!
         </p>
 
-        <h2 class="font-serif font-bold text-cloudbank text-xl mt-6">
+        <h2 class="font-sans font-bold text-cloudbank text-xl mt-6">
           Option 2: Python 3.14.0b1
         </h2>
         <p>
@@ -153,7 +153,7 @@ <h2 class="font-serif font-bold text-cloudbank text-xl mt-6">
 Template(strings=('Hello ', '!'), interpolations=(Interpolation('World', 'name', None, ''),))
 </code></pre>
 
-        <h2 class="font-serif font-bold text-cloudbank text-xl mt-6">
+        <h2 class="font-sans font-bold text-cloudbank text-xl mt-6">
           Option 3: Docker
         </h2>
         <p>
@@ -172,7 +172,7 @@ <h2 class="font-serif font-bold text-cloudbank text-xl mt-6">
           You can also use the <code>3.14-rc-bookworm</code> tag which will always point to the latest release candidate.
         </p>
 
-        <h2 class="font-serif font-bold text-cloudbank text-xl mt-6">
+        <h2 class="font-sans font-bold text-cloudbank text-xl mt-6">
           What's Next?
         </h2>
         <p>