Improve some styling stuff

web/frontend/src/App.vue

@@ -43,9 +43,10 @@ export default class App extends Vue {}
 </script>
 
 <style lang="scss">
-$font-stack: 'Secular One';
+$font-stack-header: 'Secular One', sans-serif;
+$font-stack-content: 'Rubik', sans-serif;
 #app {
-  font-family: Avenir, Helvetica, Arial, sans-serif;
+  font-family: $font-stack-content;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   text-align: center;
@@ -53,9 +54,17 @@ $font-stack: 'Secular One';
   margin-top: 0;
 }
 .navbar-brand {
-  font-family: 'Secular One', sans-serif;
+  font-family: $font-stack-header;
 }
 .navbar-nav a {
-  font-family: 'Rubik';
+  font-family: $font-stack-content;
+}
+
+h1 h2 h3 {
+  font-family: $font-stack-header;
+}
+
+#main-content-container {
+  margin: 50px;
 }
 </style>

web/frontend/src/components/AttemptList.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="attemptlist">
-    <h1>Attempt list</h1>
+    <h1>Live Attempts</h1>
     <p>
       <b-table
         responsive="md"

web/frontend/src/components/Stats.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="stats">
-    <h1>Stats!</h1>
+    <h1>Login Stats</h1>
     <b-card no-body>
       <b-tabs card>
         <b-tab title="Totals">
@@ -47,7 +47,4 @@ import StatsPie from '@/components/StatsPie.vue';
 export default class Stats extends Vue {}
 </script>
 <style lang="scss" scoped>
-.stats {
-  margin: 50px;
-}
 </style>