Footer styling fixes + updated github link.

assets/css/layout.scss

@@ -33,20 +33,62 @@ main {
 
 footer {
   display: flex;
-  justify-content: center;
+  flex-direction: column;
+  align-items: center;
+  margin-bottom: 30px;
 
   .container {
     display: flex;
     justify-content: space-between;
     width: 50%;
-    align-items: center;
+    align-items: start;
 
     .middle img {
       max-width: 55px;
+      margin-top: 10px;
     }
 
     .right {
       text-align: right;
     }
   }
+
+  .mobile-middle {
+    visibility: hidden;
+
+    img {
+      max-width: 55px;
+      margin-top: 10px;
+    }
+  }
+
+  img:hover {
+    border-radius: 50%;
+    border: solid 2px;
+  }
+}
+
+@media screen and (max-width: 600px) {
+  footer {
+    .container {
+      width: 95% !important;
+      flex-direction: column;
+      align-items: center;
+      margin-top: 20px;
+      margin-bottom: 20px;
+
+      div {
+        text-align: center !important;
+      }
+
+      .middle {
+        visibility: hidden;
+        max-height: 15px;
+      }
+    }
+
+    .mobile-middle {
+      visibility: visible;
+    }
+  }
 }

assets/css/pages/form.scss

@@ -6,3 +6,7 @@ form {
 .checkbox-container {
   display: flex;
 }
+
+input {
+  margin-bottom: 10px;
+}