Made some divs consistent, the header was a div type with id='header'

and the footer was a footer type with no id, so now they are both both.
Also added some margins at the top and bottom of the page in CSS

webroot/default.css

@@ -1,16 +1,21 @@
 body {
-    max-width: 900px;
-    margin: auto;
+    	max-width: 900px;
+	margin: auto;
 }
 #header {
-    text-align: center;
+	margin-top: 10px; 
+	text-align: center;
+}
+#footer {
+	margin-bottom: 10px;
 }
 .icon {
-	width: 20px;
+	width: 15px;
 }
 input, textarea, button {
 	border: none;
 	border-radius: 5px;
+  	field-sizing: content; /* Only supported by Chromium */
 }
 a {
 	text-decoration: none;