diff --git a/blog/2024-09-28-about-me.html b/blog/2024-09-28-about-me.html
index 060bd38..49f1642 100644
--- a/blog/2024-09-28-about-me.html
+++ b/blog/2024-09-28-about-me.html
@@ -360,7 +360,7 @@
           style="
             margin: auto;
             font-family: 'syne';
-            font-size: 16px;
+            font-size: 1rem;
             color: var(--subtitle);
           "
         >
diff --git a/blog/artist-style.css b/blog/artist-style.css
index c0db306..f4301a2 100644
--- a/blog/artist-style.css
+++ b/blog/artist-style.css
@@ -23,12 +23,12 @@
 }
 .ly-artist p {
   margin: 5px 0 !important;
-  font-size: 17px;
+  font-size: 1.063;
   text-align: justify;
 }
 .ly-artist q {
   margin: 5px 25px !important;
-  font-size: 16px;
+  font-size: 1rem;
   text-align: justify;
 }
 .ly-artist img {
@@ -53,13 +53,13 @@
   margin-top: 5px;
   margin-bottom: 10px;
 
-  font-size: 20px;
+  font-size: 1.25rem;
 }
 .ly-artist ul {
   list-style-type: none !important;
   text-align: justify;
   list-style-position: inside;
-  font-size: 16px;
+  font-size: 1rem;
   margin: 5px auto !important;
 }
 .ly-artist ul li {
@@ -81,7 +81,7 @@ table tr th {
 }
 .fav {
   text-align: left !important;
-  font-size: 16px;
+  font-size: 1rem;
 }
 .unavailable {
   text-decoration: line-through;
diff --git a/blog/blog-style.css b/blog/blog-style.css
index de1e083..6457c37 100644
--- a/blog/blog-style.css
+++ b/blog/blog-style.css
@@ -3,7 +3,7 @@
   width: min(95%, 650px);
   margin: auto;
   font-family: "mono", monospace;
-  font-size: 14px;
+  font-size: 0.875rem;
 }
 
 #blog-post audio {
@@ -107,7 +107,7 @@
 #blog-post {
   text-align: justify;
   text-justify: inter-word;
-  font-size: 18px;
+  font-size: 1.125rem;
 }
 
 #blog-post p {
@@ -135,11 +135,11 @@
 }
 
 #blog-post h1 {
-  font-size: 25px;
+  font-size: 1.563rem;
 }
 
 #blog-post h2 {
-  font-size: 20px;
+  font-size: 1.25rem;
 }
 
 #blog-post h3 {
@@ -192,7 +192,7 @@
   font-family: "mono", monospace;
   text-align: center;
   padding: 15px;
-  font-size: 15px;
+  font-size: 0.938rem;
 
   color: var(--load-light);
 }
diff --git a/free.css b/free.css
index 3e4fefe..d4fa638 100644
--- a/free.css
+++ b/free.css
@@ -1,6 +1,6 @@
 #link-list.support {
   width: 95%;
-  font-size: 20px;
+  font-size: 1.25rem;
   margin: auto;
 
   -webkit-columns: 2;
diff --git a/poetry/poem-style.css b/poetry/poem-style.css
index 75b8cbe..abc7c56 100644
--- a/poetry/poem-style.css
+++ b/poetry/poem-style.css
@@ -2,14 +2,14 @@
   width: min(95%, 750px);
   margin: auto;
   font-family: "mono", monospace;
-  font-size: 14px;
+  font-size: 0.875rem;
 }
 #poem h1 {
   text-align: center;
   margin: 0;
 }
 #poem p {
-  font-size: 18px;
+  font-size: 1.125rem;
 }
 ol,
 ul {
diff --git a/socials.css b/socials.css
index eba4798..9f4e1ff 100644
--- a/socials.css
+++ b/socials.css
@@ -59,7 +59,7 @@
   text-align: justify;
   -moz-text-align-last: justify;
   text-align-last: justify;
-  font-size: 18px;
+  font-size: 1.125rem;
   font-weight: lighter;
   padding: 0 5px;
   margin-bottom: 5px;
diff --git a/style.css b/style.css
index ac3c49b..fc23c14 100644
--- a/style.css
+++ b/style.css
@@ -176,7 +176,7 @@ header {
   margin: 0;
   padding: 0;
 
-  font-size: 22px;
+  font-size: 1.375rem;
 }
 #navigation ul li {
   position: relative;
@@ -393,7 +393,7 @@ footer#free {
 #hero-headshot p {
   margin: 0;
   color: var(--subtitle);
-  font-size: 22px;
+  font-size: 1.375rem;
 }
 #hero-headshot p span {
   text-wrap: nowrap;
@@ -410,11 +410,11 @@ footer#free {
 }
 #hero-info p {
   margin: 30px 0;
-  font-size: 22px;
+  font-size: 1.375rem;
 }
 #hero-info h1 {
   color: var(--max-1);
-  font-size: 35px;
+  font-size: 2.188rem;
 }
 #hero-info b {
   color: var(--accent-2);
@@ -461,7 +461,7 @@ footer#free {
   margin: 0 20%;
   padding: 3px 8px;
 
-  font-size: 32px;
+  font-size: 2rem;
   text-wrap: nowrap;
 }
 .ly-cont {
@@ -569,7 +569,7 @@ footer#free {
   padding: 2px 8px;
   bottom: 20px;
   left: 25px;
-  font-size: 22px;
+  font-size: 1.375rem;
   background-color: var(--text-background);
 
   -webkit-transition: ease-in-out 100ms;
@@ -586,7 +586,7 @@ footer#free {
   top: 15px;
   right: 15px;
 
-  font-size: 15px;
+  font-size: 0.938rem;
   background-color: var(--text-background);
   color: var(--max-1);
 
@@ -601,7 +601,7 @@ footer#free {
   margin-bottom: 12px;
   background-color: transparent;
   text-shadow: 1px 1px 0 black;
-  font-size: 26px;
+  font-size: 1.625rem;
 
   -webkit-transition: ease-in-out 100ms;
   -o-transition: ease-in-out 100ms;
@@ -616,7 +616,7 @@ footer#free {
 
   background-color: transparent;
   text-shadow: 1px 1px 0 black;
-  font-size: 21px;
+  font-size: 1.313rem;
 
   -webkit-transition: ease-in-out 100ms;
   -o-transition: ease-in-out 100ms;
@@ -657,7 +657,7 @@ footer#free {
 }
 .list li {
   padding: 2px 0;
-  font-size: 22px;
+  font-size: 1.375rem;
 }
 .list ul,
 .list ol {