2 files changed, 14 insertions, 13 deletions
diff --git a/vnext/src/components/Button.js b/vnext/src/components/Button.js
index 11887d41..e96d6cab 100644
--- a/vnext/src/components/Button.js
+++ b/vnext/src/components/Button.js
@@ -8,7 +8,7 @@ export default function Button(props) {
 
 const buttonStyle = {
     background: '#fff',
-    fontSize: '12px',
+    fontSize: 'small',
     border: '1px solid #eee',
     color: '#888',
     cursor: 'pointer',
diff --git a/vnext/src/style/main.css b/vnext/src/style/main.css
index ee3d1ec5..7eef911b 100644
--- a/vnext/src/style/main.css
+++ b/vnext/src/style/main.css
@@ -20,7 +20,9 @@ input,
 textarea,
 button {
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-    font-size: 12pt;
+    font-size: 1em;
+    font-weight: 300;
+    line-height: 1.2em;
     -webkit-font-smoothing: subpixel-antialiased;
 }
 h1,
@@ -119,7 +121,7 @@ body > header {
 }
 #footer {
     color: #999;
-    font-size: 10pt;
+    font-size: small;
     margin: 40px;
     padding: 10px 0;
 }
@@ -167,7 +169,6 @@ body > header {
 #global a {
     color: #888;
     display: inline-block;
-    font-size: 13pt;
     padding: 14px 6px;
 }
 #global li {
@@ -200,7 +201,7 @@ body > header {
 }
 
 #ctitle {
-    font-size: 14pt;
+    font-size: 1em;
 }
 #ctitle img {
     margin-right: 5px;
@@ -208,7 +209,7 @@ body > header {
     width: 48px;
 }
 #ustats li {
-    font-size: 10pt;
+    font-size: small;
     margin: 3px 0;
 }
 #column table.iread {
@@ -258,7 +259,7 @@ article,
 article time,
 .msg-cont time {
     color: #999;
-    font-size: 10pt;
+    font-size: small;
 }
 article p,
 .msg-cont p {
@@ -285,7 +286,7 @@ article > nav.l,
     border-top: 1px solid #eee;
     display: flex;
     justify-content: space-around;
-    font-size: 10pt;
+    font-size: small;
 }
 article > nav.l a,
 .msg-cont > nav.l a {
@@ -313,7 +314,7 @@ article .tags > a,
     color: #888;
     cursor: pointer;
     display: inline-block;
-    font-size: 10pt;
+    font-size: small;
     margin-bottom: 5px;
     margin-right: 5px;
     padding: 0 10px;
@@ -478,21 +479,21 @@ article .tags > a,
     }
     #global a {
         padding: 14px 2px;
-        font-size: 11pt;
+        font-size: small;
     }
     .msg-cont > nav.l,
     article > nav.l {
-        font-size: 9pt;
+        font-size: small;
     }
     .msg-txt {
         padding-top: 5px;
     }
     .title2 {
-        font-size: 11pt;
+        font-size: small;
         width: auto;
     }
     #content .title2 h2 {
-        font-size: 11pt;
+        font-size: small;
     }
     .title2-right {
         line-height: initial;