style: Use modular scales for sizes

http://www.modularscale.com/?1&em&1.5&web&text

1 files changed, 5 insertions, 6 deletions

diff --git a/src/style.css b/src/style.css
index e0689db..1620dd6 100644
--- a/src/style.css
+++ b/src/style.css
@@ -31,12 +31,10 @@ a:hover {
 }
 
 header {
-	font-size: 0.9rem;
 	padding-top: 1.25rem;
 }
 header nav ul {
-	font-size: 0.9rem;
-	font-family: 'Fontin Sans';
+	font-size: 0.95em;
 	list-style-type: none;
 	padding: 0;
 }
@@ -52,6 +50,7 @@ header nav a:hover {
 }
 header h1 {
 	font-family: 'Fontin';
+	font-size: 2.25em;
 	margin: 0;
 }
 
@@ -66,7 +65,7 @@ header h1 {
 }
 .entry .title {
 	font-family: 'Fontin';
-	font-size: 23px;
+	font-size: 1.5em;
 	margin-top: 0.3rem;
 	margin-bottom: 0.3rem;
 }
@@ -84,9 +83,9 @@ header h1 {
 .entry > p:first-of-type:first-letter {
 	float: left;
 	color: #903;
-	font-size: 42px;
+	font-size: 44px;
 	line-height: 2rem;
-	padding-top: 0.22rem;
+	padding-top: 0.1em;
 	padding-right: 0.2rem;
 	padding-bottom: 0;
 	font-family: 'Fontin';