Add some paddings

client/src/components/modules/Module.vue

@@ -137,7 +137,7 @@
       width: 640px;
     }
     flex-direction: column;
-    padding: 0 15px;
+    padding: $large-spacing 15px;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;

client/src/pages/book.vue

@@ -22,6 +22,8 @@
   @import "@/styles/_mixins.scss";
 
   .book {
+    padding-top: $large-spacing;
+
     &__content {
       display: -ms-grid;
       @supports (display: grid) {

client/src/pages/portfolio.vue

@@ -43,6 +43,8 @@
 </script>
 
 <style scoped lang="scss">
+  @import "@/styles/_variables.scss";
+
   .portfolio {
     display: -ms-grid;
     @supports (display: grid) {
@@ -59,6 +61,8 @@
       display: grid;
       align-content: center;
       justify-content: center;
+
+      padding-top: $large-spacing;
     }
   }
 </style>

client/src/pages/project.vue

@@ -74,10 +74,8 @@
   @import "@/styles/_functions.scss";
 
   .project {
-    margin-bottom: -50px;
-
     &__header {
-      padding: 30px;
+      padding: $large-spacing;
     }
 
     &__add-entry {