remove Sans Serif and actually use the Source Code Pro font

tailwind.css

@@ -5,14 +5,12 @@
 body {
     /* Just barelyyy not white */
     background-color: #fff8f7;
-    /* Define font families */
-    font-family: "Source Code Pro", monospace;
-    font-family: "Source Sans Pro", sans-serif;
+    /* Use a Serif font as default */
     font-family: "Source Serif Pro", serif;
     /* Centered horizontally */
     margin: 0 auto;
     /* nat.org */
-    max-width: 40em;
+    max-width: 35em;
     padding: 1em;
 }
 
@@ -73,6 +71,7 @@ ol {
 }
 
 pre {
+    font-family: "Source Code Pro", monospace;
     /* Added to make code blocks horizontally scrollable, but I think it's fine
        for any pre-formatted text to also scroll. */
     @apply overflow-x-auto;

theme/templates/base.html

@@ -77,7 +77,7 @@
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
     <link rel="stylesheet"
-        href="https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&family=Source+Serif+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap" />
+        href="https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Source+Serif+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap" />
 
     <!-- Load CSS -->
     <link rel="stylesheet" type="text/css" href="{{ SITEURL }}/out.css" />