Overhaul text sizing

_includes/styles/base.scss

@@ -24,11 +24,6 @@ .main-content {
   padding: 0 1rem;
   margin: 0 auto;
   max-width: var(--page--max-width);
-  @media screen and (min-width: 48rem) {
-    font-size: 1.125rem;
-    line-height: 1.666667;
-    letter-spacing: -0.01em;
-  }
 }
 
 h1, h2, h3, h4, h5, h6 {
@@ -132,7 +127,6 @@ pre {
   page-break-inside: avoid;
   word-wrap: break-word;
   font-family: var(--font--mono);
-  line-height: 1.5;
   background-color: var(--color-bg--layer-01);
   code {
     background-color: transparent !important;
@@ -157,28 +151,19 @@ blockquote {
   border-left: 3rem solid var(--color-black);
   padding: 1em;
   margin: 1em 0;
-  @media screen and (min-width: 48rem) {
-    border-left: 4rem solid var(--color-black);
-  }
   &::before {
     display: block;
     position: absolute;
-    height: 24px;
-    width: 24px;
+    height: 1.5rem;
+    width: 1.5rem;
     top: 50%;
-    margin-top: -12px;
-    left: calc(-0.75rem - 24px);
+    margin-top: -0.75rem;
+    left: calc(-0.75rem - 1.5rem);
     filter: var(--filter-bg);
     content: "";
     background-image: url("https://static.fosterhangdaan.com/icons/tabler-icons/latest/svg/quote.svg");
     background-repeat: no-repeat !important;
     background-size: contain !important;
-    @media screen and (min-width: 48rem) {
-      margin-top: -16px;
-      left: calc(-1rem - 32px);
-      height: 32px;
-      width: 32px;
-    }
   }
   &.info {
     &::before {

_includes/styles/components/header.scss

@@ -10,10 +10,6 @@ .page-header {
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
-    @media screen and (min-width: 48rem) {
-      font-size: 2.5rem;
-      letter-spacing: -0.02em;
-    }
   }
   p.author {
     font-family: var(--font--sans-serif-alt);