Fixed invalid footer placement on small pages

src/App.vue

@@ -7,12 +7,16 @@ import GOLbackground from '@/components/GOLbackground.vue';
 <template>
   <GOLbackground />
   
+  <main>
     <RouterView/>
+  </main>
 
   <app_footer />
 
 </template>
 
 <style scoped>
-
+  main{
+    flex:1;
+  }
 </style>

src/assets/main.css

@@ -28,3 +28,10 @@ a:visited{
   cursor: pointer;
   text-align: center;
 }
+
+#app{
+  height: 100%;
+  margin: 0;
+  display: flex;
+  flex-direction: column;
+}