Improved look

styles/header.css

@@ -1,11 +1,39 @@
 <style>
 /* Style the header */
+
+.topbar{
+ padding: 10px;
+ }
+ a {
+   text-align: center;
+ }
+
+
 .header {
     padding: 10px 16px;
-    background: #555;
-    color: #f1f1f1;
+    background: #dbd5d5;
+    color: #1a1919;
+  }
+
+  input[type=text] {
+    width: 100%;
+    padding: 12px 20px;
+    margin: 8px 0;
+    box-sizing: border-box;
+    text-align: center;
+    font-size: 14pt;
   }
   
+  input[type=button], input[type=submit], input[type=reset] {
+    background-color: #afcdc2;
+    border: none;
+    color: rgb(0, 0, 0);
+    padding: 16px 32px;
+    text-decoration: none;
+    margin: 4px 2px;
+    cursor: pointer;
+  }
+
   /* Page content */
   .content {
     padding: 16px;
@@ -15,7 +43,7 @@
   .sticky {
     position: fixed;
     top: 0;
-    width: 100%
+    width: 768px;
   }
   
   /* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */