From fcc3043ec95e2146a41d6e687c15e08bbb4a6af3 Mon Sep 17 00:00:00 2001
From: rekado <rekado@elephly.net>
Date: Wed, 5 Nov 2014 22:33:38 +0100
Subject: adjust font size dynamically

---
 css/screen.css | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/css/screen.css b/css/screen.css
index c6c2a32..c1a004d 100644
--- a/css/screen.css
+++ b/css/screen.css
@@ -1,12 +1,21 @@
 html, body {
   font-family: "droid serif", Georgia, Gentium, Goudy, "Book Antiqua", "Linux Libertine", "Times New Roman", serif;
-  font-size: 16px;
-  line-height: 1.3em;
+  text-rendering: optimizelegibility;
+-moz-font-feature-settings: "liga";
+  line-height: 130%;
   color: #333;
-  background: #eeede5; }
+  background: #fcfbf3; }
+
+@media all {html {font-size: 24px;}}
+@media all and (max-width:1000px){html {font-size: 24px;}}
+@media all and (max-width:960px){html {font-size: 23px;}}
+@media all and (max-width:920px){html {font-size: 22px;}}
+@media all and (max-width:880px){html {font-size: 21px;}}
+@media all and (max-width:840px){html {font-size: 20px;}}
+@media all and (max-width:800px){html {font-size: 19px;}}
+@media all and (max-width:760px){html {font-size: 18px;}}
 
 body {
-  font-size: 1.2em;
   margin: 0 auto; }
   body .elephly {
     background: #bdc0ac; }
-- 
cgit v1.2.3