Paddings for header and footer to make them match each other better

frontend/src/lib/components/footer.svelte

@@ -58,7 +58,6 @@
                              "copyright copyright copyright";
 
         box-shadow: 0px 5px var(--col_footer_copyright);
-
         background-color: var(--col_footer);
     }
 
@@ -72,13 +71,14 @@
         height: 100%;
         background-color: var(--col_panel);
         margin: 0;
+        padding: inherit 40px;
         line-height: 30px;
     }
 
     .footer__social-notice-text {
 
         margin: 0 auto;
-        padding: 20px;
+        padding: inherit 40px;
         width: 100%;
 
         font-family: 'Source_Sans_3' sans-serif;
@@ -224,6 +224,7 @@
 
         .footer__social-links {
             justify-content: center;
+            gap: 10%;
             margin: inherit 20px;
         }
     }