From f6e721f6ea425b5e3cb5071e624d6896515fa028 Mon Sep 17 00:00:00 2001
From: Jarrod Millman <jarrod.millman@gmail.com>
Date: Tue, 26 Mar 2024 11:06:25 -0700
Subject: [PATCH 1/3] Use rem for font-size

---
 assets/theme-css/backtotop.css | 2 +-
 assets/theme-css/footer.css    | 2 +-
 assets/theme-css/news.css      | 2 +-
 assets/theme-css/posts.css     | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/assets/theme-css/backtotop.css b/assets/theme-css/backtotop.css
index cf4d5aa1..9e628226 100644
--- a/assets/theme-css/backtotop.css
+++ b/assets/theme-css/backtotop.css
@@ -34,7 +34,7 @@
   transition: all 0.3s;
   border-radius: 50%;
   text-align: center;
-  font-size: 26px;
+  font-size: 1.625rem;
 }
 body #backtotop a {
   outline: none;
diff --git a/assets/theme-css/footer.css b/assets/theme-css/footer.css
index f10c5560..7dea6689 100644
--- a/assets/theme-css/footer.css
+++ b/assets/theme-css/footer.css
@@ -104,6 +104,6 @@
 }
 
 .copyright {
-  font-size: 12px;
+  font-size: 0.75rem;
   color: var(--colorSecondary);
 }
diff --git a/assets/theme-css/news.css b/assets/theme-css/news.css
index 20e4cefd..1d411b8a 100644
--- a/assets/theme-css/news.css
+++ b/assets/theme-css/news.css
@@ -20,7 +20,7 @@
 .news-title {
   display: flex;
   letter-spacing: 1.5px;
-  font-size: 27px;
+  font-size: 1.688rem;
   font-weight: bold;
   margin: 10px;
   margin-right: 20px;
diff --git a/assets/theme-css/posts.css b/assets/theme-css/posts.css
index b0ca5ce9..aa0ceb43 100644
--- a/assets/theme-css/posts.css
+++ b/assets/theme-css/posts.css
@@ -99,7 +99,7 @@
 }
 
 .tag-cloud-title {
-  font-size: 32px;
+  font-size: 2rem;
   margin-top: 60px;
   padding-bottom: 10px;
 }

From 5b9d1b246227b8af270be0a0b38aa800ff2bae56 Mon Sep 17 00:00:00 2001
From: Jarrod Millman <jarrod.millman@gmail.com>
Date: Tue, 26 Mar 2024 11:01:32 -0700
Subject: [PATCH 2/3] Use rem for padding

---
 assets/theme-css/footer.css    |  6 +++---
 assets/theme-css/lists.css     | 12 ++++++------
 assets/theme-css/news.css      |  2 +-
 assets/theme-css/posts.css     |  2 +-
 assets/theme-css/shortcuts.css |  6 +++---
 assets/theme-css/styles.css    |  2 +-
 assets/theme-css/tabs.css      |  2 +-
 7 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/assets/theme-css/footer.css b/assets/theme-css/footer.css
index 7dea6689..55e8afe2 100644
--- a/assets/theme-css/footer.css
+++ b/assets/theme-css/footer.css
@@ -10,7 +10,7 @@
 }
 
 #footer-logo-column {
-  padding: 20px 5vw;
+  padding: 1.25rem 5vw;
   font-size: 1rem;
 }
 
@@ -23,8 +23,8 @@
 }
 
 .footer-column {
-  padding-left: 0px;
-  margin-top: 20px;
+  padding-left: 0;
+  margin-top: 1.25rem;
   flex-basis: 0;
   flex-grow: 1;
   flex-shrink: 1;
diff --git a/assets/theme-css/lists.css b/assets/theme-css/lists.css
index a34bd5cc..f9c50bf3 100644
--- a/assets/theme-css/lists.css
+++ b/assets/theme-css/lists.css
@@ -6,13 +6,13 @@ dl.field-list {
 dl.field-list > dt {
   font-weight: bold;
   word-break: break-word;
-  padding-left: 0.5em;
-  padding-right: 5px;
+  padding-left: 0.5rem;
+  padding-right: 0.313rem;
 }
 
 dl.field-list > dd {
-  padding-left: 0.5em;
-  margin-top: 0em;
-  margin-left: 0em;
-  margin-bottom: 0em;
+  padding-left: 0.5rem;
+  margin-top: 0;
+  margin-left: 0;
+  margin-bottom: 0;
 }
diff --git a/assets/theme-css/news.css b/assets/theme-css/news.css
index 1d411b8a..bd4ecb01 100644
--- a/assets/theme-css/news.css
+++ b/assets/theme-css/news.css
@@ -39,7 +39,7 @@
 @media only screen and (max-width: 1090px) {
   .news-container {
     flex-direction: column;
-    padding: 30px;
+    padding: 1.875rem;
   }
 
   .news-date {
diff --git a/assets/theme-css/posts.css b/assets/theme-css/posts.css
index aa0ceb43..b6268009 100644
--- a/assets/theme-css/posts.css
+++ b/assets/theme-css/posts.css
@@ -101,5 +101,5 @@
 .tag-cloud-title {
   font-size: 2rem;
   margin-top: 60px;
-  padding-bottom: 10px;
+  padding-bottom: 0.625rem;
 }
diff --git a/assets/theme-css/shortcuts.css b/assets/theme-css/shortcuts.css
index f6bb65d5..907c6db1 100644
--- a/assets/theme-css/shortcuts.css
+++ b/assets/theme-css/shortcuts.css
@@ -32,19 +32,19 @@
 }
 
 .shortcuts-H2 {
-  padding: 5px 5px 0 15px;
+  padding: 0.313rem 0.313rem 0 0.938rem;
   font-size: 95%;
   cursor: pointer;
 }
 
 .shortcuts-H3 {
-  padding: 5px 5px 0 25px;
+  padding: 0.313rem 0.313rem 0 1.563rem;
   font-size: 90%;
   cursor: pointer;
 }
 
 .shortcuts-H4 {
-  padding: 5px 5px 0 35px;
+  padding: 0.313rem 0.313rem 0 2.188rem;
   font-size: 85%;
   cursor: pointer;
 }
diff --git a/assets/theme-css/styles.css b/assets/theme-css/styles.css
index 343ac371..01922561 100644
--- a/assets/theme-css/styles.css
+++ b/assets/theme-css/styles.css
@@ -130,7 +130,7 @@ svg.icon {
 }
 
 .chroma {
-  padding: 10px;
+  padding: 0.625rem;
 }
 
 /* reboot stuff needed for pydata-sphinx-theme */
diff --git a/assets/theme-css/tabs.css b/assets/theme-css/tabs.css
index a3f6be5c..53629e49 100644
--- a/assets/theme-css/tabs.css
+++ b/assets/theme-css/tabs.css
@@ -8,7 +8,7 @@
   flex-flow: row wrap;
   row-gap: 0.25rem;
   margin-bottom: 0px;
-  padding-bottom: 0px;
+  padding-bottom: 0;
 }
 
 /* The tab is the clickable element that selects between tabpanels (see below) */

From f9b7892d84f9bee8afc690da717d69802e5dc559 Mon Sep 17 00:00:00 2001
From: Jarrod Millman <jarrod.millman@gmail.com>
Date: Tue, 26 Mar 2024 10:55:43 -0700
Subject: [PATCH 3/3] Use rem for margins

---
 assets/theme-css/backtotop.css | 2 +-
 assets/theme-css/content.css   | 2 +-
 assets/theme-css/footer.css    | 2 +-
 assets/theme-css/news.css      | 4 ++--
 assets/theme-css/posts.css     | 2 +-
 assets/theme-css/shortcuts.css | 4 ++--
 assets/theme-css/styles.css    | 2 +-
 assets/theme-css/tabs.css      | 4 ++--
 assets/theme-css/videos.css    | 2 +-
 9 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/assets/theme-css/backtotop.css b/assets/theme-css/backtotop.css
index 9e628226..94ce41a5 100644
--- a/assets/theme-css/backtotop.css
+++ b/assets/theme-css/backtotop.css
@@ -4,7 +4,7 @@
   opacity: 0;
   visibility: hidden;
   bottom: 25px;
-  margin: 0 25px 0 0;
+  margin: 0 1.563rem 0 0;
   z-index: 9999;
   transition: 0.35s;
   transform: scale(0.7);
diff --git a/assets/theme-css/content.css b/assets/theme-css/content.css
index 90977a87..01891d99 100644
--- a/assets/theme-css/content.css
+++ b/assets/theme-css/content.css
@@ -9,7 +9,7 @@
   flex-basis: 70em;
   flex-shrink: 1;
   flex-direction: column;
-  margin: 0 30px;
+  margin: 0 1.875rem;
   padding: 1rem;
 
   /* Handle code cells overflowing */
diff --git a/assets/theme-css/footer.css b/assets/theme-css/footer.css
index 55e8afe2..86ca78e5 100644
--- a/assets/theme-css/footer.css
+++ b/assets/theme-css/footer.css
@@ -40,7 +40,7 @@
 
 .footer-actions {
   max-width: 25vw;
-  margin: 20px 25px;
+  margin: 1.25rem 1.563rem;
 }
 
 .footer-actions > p {
diff --git a/assets/theme-css/news.css b/assets/theme-css/news.css
index bd4ecb01..99c06939 100644
--- a/assets/theme-css/news.css
+++ b/assets/theme-css/news.css
@@ -22,8 +22,8 @@
   letter-spacing: 1.5px;
   font-size: 1.688rem;
   font-weight: bold;
-  margin: 10px;
-  margin-right: 20px;
+  margin: 0.625rem;
+  margin-right: 1.25rem;
 }
 
 @media only screen and (max-width: 1300px) {
diff --git a/assets/theme-css/posts.css b/assets/theme-css/posts.css
index b6268009..4e8aeae7 100644
--- a/assets/theme-css/posts.css
+++ b/assets/theme-css/posts.css
@@ -100,6 +100,6 @@
 
 .tag-cloud-title {
   font-size: 2rem;
-  margin-top: 60px;
+  margin-top: 3.75rem;
   padding-bottom: 0.625rem;
 }
diff --git a/assets/theme-css/shortcuts.css b/assets/theme-css/shortcuts.css
index 907c6db1..b3fd540f 100644
--- a/assets/theme-css/shortcuts.css
+++ b/assets/theme-css/shortcuts.css
@@ -10,7 +10,7 @@
 }
 
 #shortcuts {
-  margin-top: 10px;
+  margin-top: 0.625rem;
   font-size: 0.9rem;
 }
 
@@ -20,7 +20,7 @@
 }
 
 #shortcuts > div:not(.active) {
-  margin-left: 2px;
+  margin-left: 0.125rem;
   border-left: 1px solid var(--pst-color-text-base);
   opacity: 0.75;
 }
diff --git a/assets/theme-css/styles.css b/assets/theme-css/styles.css
index 01922561..395f4ba7 100644
--- a/assets/theme-css/styles.css
+++ b/assets/theme-css/styles.css
@@ -109,7 +109,7 @@ a > code {
 
 @media only screen and (max-width: 600px) {
   .flex-column {
-    margin: 0 30px;
+    margin: 0 1.875rem;
   }
 }
 
diff --git a/assets/theme-css/tabs.css b/assets/theme-css/tabs.css
index 53629e49..6cc159ac 100644
--- a/assets/theme-css/tabs.css
+++ b/assets/theme-css/tabs.css
@@ -7,7 +7,7 @@
   display: flex;
   flex-flow: row wrap;
   row-gap: 0.25rem;
-  margin-bottom: 0px;
+  margin-bottom: 0;
   padding-bottom: 0;
 }
 
@@ -48,7 +48,7 @@
 [role="tabpanel"] {
   border-top: 1px solid var(--pst-color-border);
   border-bottom: 1px solid var(--pst-color-border);
-  margin-top: 1px;
+  margin-top: 0.063rem;
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
   width: 100%;
diff --git a/assets/theme-css/videos.css b/assets/theme-css/videos.css
index 51f9a449..ac5ce31d 100644
--- a/assets/theme-css/videos.css
+++ b/assets/theme-css/videos.css
@@ -13,7 +13,7 @@ iframe {
   max-width: 100%;
   height: 360px;
   margin-top: 1rem;
-  margin-bottom: 0rem;
+  margin-bottom: 0;
 }
 
 .youtube .video-meta {