From fa285a642e0d0ad6b0a4730b0354b2f7c84200dc Mon Sep 17 00:00:00 2001
From: Xevion <xevion@xevion.dev>
Date: Sun, 26 May 2024 15:10:25 -0500
Subject: [PATCH] Improve font sizing globally for all viewports

---
 src/styles/global.scss | 35 ++++++++++++++++-------------------
 1 file changed, 16 insertions(+), 19 deletions(-)

diff --git a/src/styles/global.scss b/src/styles/global.scss
index 3323509..3d7c7cb 100644
--- a/src/styles/global.scss
+++ b/src/styles/global.scss
@@ -34,32 +34,29 @@ html {
   margin: 0;
   overflow-y: scroll;
   text-rendering: optimizeLegibility;
-
-  @include for-size(phone-only) {
-    font-size: 10pt;
-  }
-  @include for-size(tablet-portrait-up) {
-    font-size: 12pt;
-  }
-  @include for-size(tablet-landscape-up) {
-    font-size: 14pt;
-  }
-  @include for-size(desktop-up) {
-    font-size: 16pt;
-  }
-  @include for-size(big-desktop-up) {
-    font-size: 18pt;
-  }
 }
 
 :root {
-  font-family: "Source Serif 4", serif;
-  font-size: 23px;
+  @apply font-source;
+
+  font-size: 20px;
+
+  @screen sm {
+    font-size: 21px;
+  }
+
+  @screen md {
+    font-size: 22px;
+  }
+
+  @screen lg {
+    font-size: 23px;
+  }
+
   line-height: 1.5;
 }
 
 body {
-  padding: 0;
   color: white;
   background: #0e0e0e;