From 99d31f6050cab72afcd8aa8e841967c3e6218454 Mon Sep 17 00:00:00 2001
From: Sebin Nyshkim <sebin.nyshkim@icloud.com>
Date: Wed, 19 Feb 2020 18:12:44 +0100
Subject: [PATCH] feat: adjust font-size based on viewport width

---
 src/App.vue | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/App.vue b/src/App.vue
index dfbf2cd..427fcd2 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -264,8 +264,17 @@ export default {
   font-size: 1.125em;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-  max-width: 40rem;
+  max-width: 40em;
   margin: auto;
+  transition: all ease-in-out 0.25s;
+
+  @media (min-width: 50em) {
+    font-size: 1.25em;
+  }
+
+  @media (min-width: 60em) {
+    font-size: 1.5em;
+  }
 }
 
 header {