Use rem for margins

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);

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 */

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 {

assets/theme-css/news.css

@@ -22,8 +22,8 @@
   letter-spacing: 1.5px;
   font-size: 1.6875rem;
   font-weight: bold;
-  margin: 10px;
-  margin-right: 20px;
+  margin: 0.625rem;
+  margin-right: 1.25rem;
 }
 
 @media only screen and (max-width: 1300px) {

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;
 }

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;
   }
 }
 

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%;

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 {