fancy-font is renamed to main and now used

src/App.vue

@@ -55,7 +55,7 @@ export default class App extends Vue {
 
 body {
   background: $light-gray;
-  font-family: $fancy-font;
+  font-family: $main-font;
   color: $slate;
 }
 

src/presentation/Scripts/Cards/CardList.vue

@@ -49,6 +49,7 @@ export default class CardList extends StatefulVue {
 .cards {
   display: flex;
   flex-flow: row wrap;
+  font-family: $main-font;
   .card {
 
   }
@@ -57,6 +58,6 @@ export default class CardList extends StatefulVue {
   width: 100%;
   text-align: center;
   font-size: 3.5em;
-  font: $normal-font;
+  font-family: $normal-font;
 }
 </style>

src/presentation/Scripts/Selector/TheSelector.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="container">
-        <div class="part">Select:</div>
+        <div class="part select">Select:</div>
         <div class="part">
             <SelectableOption
                 label="None"
@@ -95,7 +95,6 @@ export default class TheSelector extends StatefulVue {
     flex-direction: row;
     flex-wrap: wrap;
     align-items:flex-start;
-
     .part {
         display: flex;
         margin-right:5px;

src/presentation/TheHeader.vue

@@ -43,8 +43,8 @@ export default class TheHeader extends StatefulVue {
     margin: 0;
     color: $black;
     text-transform: uppercase;
+    font-family: $main-font;
     font-size: 2.5em;
-    font-weight: 500;
     line-height: 1.1;
   }
   .subtitle {

src/presentation/styles/fonts.scss

@@ -30,4 +30,4 @@
 
 $normal-font: 'Monaco', 'Menlo', 'Ubuntu Mono', 'Consolas', 'source-code-pro', monospace;
 $artistic-font: 'Yesteryear', cursive;
-$fancy-font: 'Slabo 27px';
+$main-font: 'Slabo 27px';