diff --git a/src/App.vue b/src/App.vue
index 0a65ebe..1d9499c 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -5,7 +5,7 @@
             <div id="title-sub">{{config.title.sub}}</div>
         </div>
 
-        <div id="footer">
+        <div id="footer" :style="footerStyle">
 
         </div>
     </div>
@@ -93,6 +93,17 @@
                 'font-family': config.title.font
             };
         }
+
+        /**
+         * Style for footer
+         */
+        get footerStyle()
+        {
+            return {
+                height: config.footer.height + 'vh',
+                background: config.footer.background
+            }
+        }
     }
 </script>