diff --git a/index.html b/index.html
index 1169222..6bb4f7f 100644
--- a/index.html
+++ b/index.html
@@ -13,19 +13,31 @@
     <style>
       html {
         font-family: 'Urbanist', sans-serif;
-        font-size: 24px;
-        line-height: 1.3em;
+        font-size: 18px;
+        line-height: 1.75;
         color: #111111;
         font-weight: normal;
       }
 
+      @media screen and (min-width: 700px) {
+        html {
+          font-size: 24px;
+        }
+      }
+
       body {
-        padding: 1rem;
+        padding: 0.5rem;
         background-color: white;
         display: flex;
         flex-direction: column;
       }
 
+      @media screen and (min-width: 700px) {
+        body {
+          padding: 1rem;
+        }
+      }
+
       body > * {
         width: 100%;
         max-width: 760px;
@@ -45,13 +57,13 @@
       h1 {
         font-size: 2rem;
         font-weight: black;
-        line-height: 1.5rem;
+        line-height: 1.5;
       }
 
       h2 {
         font-size: 1.25rem;
         font-weight: black;
-        line-height: 1.5rem;
+        line-height: 1.5;
         margin-bottom: 0;
       }
 
@@ -91,15 +103,22 @@
         padding-top: 8px;
         display: flex;
         flex-wrap: wrap;
+        line-height: 1.5;
+        font-size: 18px;
+        list-style: none;
+      }
+
+      @media screen and (min-width: 700px) {
+        .keywords {
+          font-size: 20px;
+        }
       }
 
       .keywords > * {
-        padding: 0px 12px;
         background: #ff0083;
         color: white;
-        list-style: none;
+        padding: 0px 12px;
         border-radius: 16px;
-        font-size: 0.8rem;
         margin-bottom: 2px;
         margin-right: 2px;
       }