From d92a7c5f5373edd48414ea56a9cea8831dc7e003 Mon Sep 17 00:00:00 2001
From: Evan Pratten <evan@ewpratten.com>
Date: Sun, 24 Nov 2024 18:10:13 -0500
Subject: [PATCH] CSS Tinkering

---
 sass/elements/list.scss  | 1 +
 sass/elements/table.scss | 2 +-
 sass/elements/text.scss  | 1 +
 sass/styles.scss         | 6 ++++--
 4 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/sass/elements/list.scss b/sass/elements/list.scss
index 1b57175..862e945 100644
--- a/sass/elements/list.scss
+++ b/sass/elements/list.scss
@@ -16,6 +16,7 @@ ul {
 }
 
 li {
+  font-size: 1.25rem;
   & > p {
     margin-top: 16px;
   }
diff --git a/sass/elements/table.scss b/sass/elements/table.scss
index 86c072f..75f0bbb 100644
--- a/sass/elements/table.scss
+++ b/sass/elements/table.scss
@@ -7,7 +7,7 @@ table {
   overflow: auto;
 
   // NOTE: Things don't look great if you do this
-  // margin: auto;
+  margin: auto;
 
   td,
   th {
diff --git a/sass/elements/text.scss b/sass/elements/text.scss
index 3833ab2..40b415c 100644
--- a/sass/elements/text.scss
+++ b/sass/elements/text.scss
@@ -4,6 +4,7 @@ p {
   margin-top: 0;
   margin-bottom: 16px;
   padding: 0 0.25em;
+  font-size: 1.25rem;
 
   text-align: justify;
   hyphens: auto;
diff --git a/sass/styles.scss b/sass/styles.scss
index 59d10da..3ef33d6 100644
--- a/sass/styles.scss
+++ b/sass/styles.scss
@@ -1,7 +1,8 @@
 // Note: Some things are broken out into smaller files
 
 @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
-@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
+// @import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Overlock:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&display=swap');
 
 $content-max-width: 800px;
 
@@ -10,8 +11,9 @@ $content-max-width: 800px;
 body {
   margin: 1em;
   // font-family: serif;
-  font-family: "Noto Sans", sans-serif;
+  font-family: "Overlock", sans-serif;
   font-optical-sizing: auto;
+  background-color: #f7f4f4;
 }
 
 a {