Improve style.

src/main.scss

@@ -1,3 +1,5 @@
+// vim: set tw=80 ts=2 sw=2 sts=2:
+
 $fa-font-path: '~font-awesome/fonts';
 
 @import '~font-awesome/scss/font-awesome';
@@ -6,20 +8,65 @@ $fa-font-path: '~font-awesome/fonts';
 
 @import '~ngx-toastr/toastr';
 
+$roboto-font-path: '~roboto-fontface/fonts/roboto/';
 @import '~@angular/material/prebuilt-themes/indigo-pink.css';
 
+.fixed-header {
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: 2;
+  width: 100%  !important;
+}
+
+body {
+  font-family: Roboto, 'Helvetica Neue', sans-serif;
+
+  // Helps fonts on OSX looks more consistent with other systems
+  // Isn't currently in button styles due to performance concerns
+  * {
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+
+  .acc-content {
+    padding: 32px;
+    box-sizing: border-box;
+  }
+
+  .mat-toolbar {
+    .acc-toolbar {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      width: 100%;
+    }
+  }
+
+  h1 {
+    font-size: 20px;
+  }
+}
+
+// stretch to screen size in fullscreen mode
+.demo-content {
+  width: 100%;
+  height: 100%;
+  box-sizing: border-box;
+}
+
 .italic {
-    font-style: italic;
+  font-style: italic;
 }
 
 .stroke {
-    text-decoration: line-through;
+  text-decoration: line-through;
 }
 
 .c3-ygrid-line.zeroline line {
-    stroke: orange;
+  stroke: orange;
 }
 
 .c3-ygrid-line.overdraft line {
-    stroke: #FF0000;
+  stroke: #FF0000;
 }