fancy-font is renamed to main and now used

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;