Update styles

- fix font inheriting for elements inside a `code` element
- use endash (–) instead of asterisk (*) for list items
- match left padding for description and code snippets, also improves wrapping
- use same font size for small and large screens. before, fonts were larger for small screens
- add fallback generic fonts

static/style.css

@@ -1,8 +1,6 @@
-* {
-  font-family: Helvetica Neue, Helvetica;
-  font-size: 1em; }
-
 body {
+  font-family: Helvetica Neue, Helvetica, sans-serif;
+  font-size: 16px;
   margin: 0;
   background: #FEFEFE;
   color: #151515; }
@@ -12,8 +10,7 @@ code em {
   font-style: normal; }
 
 #tldr #page {
-  margin-bottom: 4em;
-  font-size: 1.25em;}
+  margin-bottom: 4em; }
   #tldr #page p {
     margin: 0; }
   #tldr #page h1 {
@@ -22,15 +19,15 @@ code em {
   #tldr #page blockquote {
     margin: 0 0.55em; }
   #tldr #page code {
-    font-family: "Source Code Pro", courier new, courier;
+    font-family: "Source Code Pro", courier new, courier, monospace;
     background-color: #f2f2f2;
     color: #212121;
     display: inline-block;
     padding: 0.25em 0.5em; 
     margin: 0; }
   #tldr #page > p code {
     display: block;
-    padding: 0.55em 1.25em; }
+    padding: 0.55em; }
   #tldr #page ul {
     list-style: none;
     padding: 0 !important;
@@ -39,10 +36,11 @@ code em {
       padding: 0.5em 0.55em;
       line-height: 1.1; }
   @media only screen and (min-device-width: 1024px) {
-    #tldr #page {
-      font-size: 1em; }
       #tldr #page > p code {
         padding-left: 3em; }
+      #tldr #page ul li {
+        padding-left: 3em; }
         #tldr #page ul li:before {
-          content: "*";
-          padding: 0 12px; } }
+          content: "–";
+          position: absolute;
+          margin-left: -1.5em; } }