start adding basic styling

src/css/base.scss

@@ -1,17 +1,43 @@
+* {
+  box-sizing: border-box;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  &:focus {
+    outline: none;
+    padding-bottom: 0.1rem;
+    margin-bottom: 0.1rem;
+    border-bottom: 1px solid $color-link;
+  }
+}
+
+html {
+	font-size: calc(14px + 6 * ((100vw - 320px) / 1200));
+  height: 100%;
+}
+
 body {
-  font-family: $sans-serif;
+  min-height: 100%;
+  margin: 0;
+  padding: 0 2rem;
   background: $color-background;
   color: $color-text;
+
+  font-family: $sans-serif;
+  line-height: 1.6;
 }
 
 a {
-  color: $color-links;
-  
+  color: $color-link;
+
   &:hover {
     color: $color-hover;
   }
 }
 
+p {
+  max-width: 30rem;
+}
+
 .blog-post {
   padding: 0 0 2rem;
 }

src/css/variables.scss

@@ -10,5 +10,5 @@ $color-white: #FAFAFA;
 
 $color-background: $color-black;
 $color-text: $color-white;
-$color-links: $color-orange;
+$color-link: $color-orange;
 $color-hover: $color-yellow;