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 {