responsive fonts toO!

1 files changed, 10 insertions, 3 deletions

diff --git a/docs/style.css b/docs/style.css
index c303fa9..9288824 100644
--- a/docs/style.css
+++ b/docs/style.css
@@ -11,12 +11,15 @@ body {
   font-family: sans;
   background-color: var(--white);
   color: var(--black);
-  font-size: 18px;
   padding: 0;
   padding-top: 2rem;
   text-align: center;
 }
 
+html {
+  font-size: 38px;
+}
+
 .posts {
   width: 100%;
 }
@@ -25,6 +28,9 @@ body {
   .posts {
     width: 60%;
   }
+  html {
+    font-size: 18px;
+  }
 }
 
 .posts {
@@ -67,7 +73,7 @@ hr {
   margin:0 auto;
   color: var(--white);
   text-align: center;
-  font-size: 120px;
+  font-size: 6rem;
   font-family: 'Iosevka Term', sans-serif;
   text-shadow: 0.25rem 0rem var(--cyan), -0.25rem 0rem var(--pink);
   line-height: 8.5rem;
@@ -96,10 +102,11 @@ a:hover, a:active {
   text-decoration: none;
   color: var(--light-black);
   text-shadow: none;
+  font-size: 0.8rem;
 }
 
 .post-text {
-  font-size: 14px;
+  font-size: 0.8rem;
 }
 
 pre, code {