Change px values to rem values in font-size declarations

4 files changed, 7 insertions, 7 deletions

diff --git a/youtube/static/comments.css b/youtube/static/comments.css
index c5f03c3..65e2cbe 100644
--- a/youtube/static/comments.css
+++ b/youtube/static/comments.css
@@ -12,7 +12,7 @@
     }
     .video-metadata > h2{
         grid-row: 2;
-        font-size: 15px;
+        font-size: 0.875rem;
     }
     .video-metadata > span{
         grid-row:3;
diff --git a/youtube/static/shared.css b/youtube/static/shared.css
index 41dd344..6fbdfde 100644
--- a/youtube/static/shared.css
+++ b/youtube/static/shared.css
@@ -168,7 +168,7 @@ body{
     .item{
         background-color:var(--interface-color);
         text-decoration:none;
-        font-size: 12px;
+        font-size: 0.75rem;
         color: #767676;
     }
 
@@ -205,7 +205,7 @@ body{
                 right: 2px;
                 opacity: .8;
                 color: #ffffff;
-                font-size: 12px;
+                font-size: 0.75rem;
                 background-color: #000000;
             }
             .playlist-item .thumbnail-info{
@@ -218,7 +218,7 @@ body{
                 white-space: pre-line;
                 opacity: .8;
                 color: #cfcfcf;
-                font-size: 12px;
+                font-size: 0.75rem;
                 background-color: #000000;
             }
                 .playlist-item .thumbnail-info span{ /* trick to vertically center the text */
@@ -243,7 +243,7 @@ body{
             overflow:hidden;
 
             color: var(--text-color);
-            font-size: 16px;
+            font-size: 1rem;
             font-weight: 500;
             text-decoration:initial;
         }
diff --git a/youtube/templates/error.html b/youtube/templates/error.html
index 27b68ff..2f94afa 100644
--- a/youtube/templates/error.html
+++ b/youtube/templates/error.html
@@ -3,7 +3,7 @@
 
 {% block style %}
     h1{
-        font-size: 32px;
+        font-size: 2rem;
         font-weight: normal;
     }
     #error-box, #error-message{
diff --git a/youtube/templates/subscription_manager.html b/youtube/templates/subscription_manager.html
index 34d38d0..4d798e0 100644
--- a/youtube/templates/subscription_manager.html
+++ b/youtube/templates/subscription_manager.html
@@ -16,7 +16,7 @@
             padding:10px;
         }
             .subscriptions-import-form h2{
-                font-size: 20px;
+                font-size: 1.25rem;
                 margin-bottom: 10px;
             }