Changed stylesheet.

src/css/style.css

@@ -75,6 +75,26 @@ button {
   letter-spacing: inherit;
   cursor: pointer;
 }
+/** Appearance */
+body {
+  font-family: 'Roboto', sans-serif;
+  font-size: 24;
+}
+h1,
+h2,
+h3,
+h4,
+th {
+  font-family: 'Roboto', sans-serif;
+  font-family: 'Proza Libre', sans-serif;
+}
+code {
+  font-family: 'Source Code Pro', monospace;
+}
+p,
+input {
+  font-family: 'Roboto', sans-serif;
+}
 /** Main layout (Flexbox-Design) */
 .app-wrapper {
   display: -webkit-box;
@@ -200,3 +220,21 @@ form textbox,
 form select {
   border: 1px solid #cc8a8a;
 }
+/** Tables */
+table,
+tbody,
+thead {
+  border-collapse: collapse;
+}
+table tr,
+tbody tr,
+thead tr,
+table th,
+tbody th,
+thead th,
+table td,
+tbody td,
+thead td {
+  border-collapse: collapse;
+  border: 1px solid #dcdef2;
+}

src/css/style.styl

@@ -1,5 +1,26 @@
 @import './foundation.styl'
 
+/** Appearance */
+//@import url('https://fonts.googleapis.com/css?family=Mukta+Vaani')
+//@import url('https://fonts.googleapis.com/css?family=Proza+Libre')
+//@import url('https://fonts.googleapis.com/css?family=Source+Code+Pro')
+//@import url('https://fonts.googleapis.com/css?family=Alegreya+Sans')
+//@import url('https://fonts.googleapis.com/css?family=Roboto')
+
+body
+  //font-family 'Mukta Vaani', sans-serif
+  //font-family 'Alegreya Sans', sans-serif; 
+  font-family 'Roboto', sans-serif
+  font-size 24
+h1, h2, h3, h4, th
+  font-family 'Roboto', sans-serif
+  font-family 'Proza Libre', sans-serif
+code
+  font-family 'Source Code Pro', monospace
+p, input
+  //font-family: 'Alegreya Sans', sans-serif;
+  font-family 'Roboto', sans-serif
+
 /** Main layout (Flexbox-Design) */
 .app-wrapper
   display flex
@@ -71,3 +92,10 @@ form
     border-bottom 3px solid #CC8A8A
   input, textbox, select
     border 1px solid #CC8A8A
+
+/** Tables */
+table, tbody, thead
+  border-collapse collapse
+  tr, th, td
+    border-collapse collapse
+    border 1px solid #DCDEF2