Some styling and code cleanup

styles/header.css

@@ -1,30 +1,40 @@
 <style>
 /* Style the header */
 
-.topbar{
- padding: 10px;
- }
- a {
-   text-align: center;
- }
+.responses{
+  font-family: sans-serif;
+  font-size: 14.5pt;
+  width: 768px;
+  padding: 1px;
+  margin-top: 100px;
+}
+  a {
+    color: #547720
+  }
+
 
 
 .header {
+    font-family: sans-serif;
     padding: 10px 16px;
     background: #dbd5d5;
     color: #1a1919;
+    position: fixed;
+    top: 5px;
+    width: 768px;
   }
 
   input[type=text] {
-    width: 100%;
+    width: 75%;
     padding: 12px 20px;
     margin: 8px 0;
     box-sizing: border-box;
-    text-align: center;
-    font-size: 14pt;
+    text-align: left;
+    font-size: 14.5pt;
   }
   
   input[type=button], input[type=submit], input[type=reset] {
+    font-family: sans-serif;
     background-color: #afcdc2;
     border: none;
     color: rgb(0, 0, 0);
@@ -35,19 +45,11 @@
   }
 
   /* Page content */
-  .content {
-    padding: 16px;
-  }
-  
-  /* The sticky class is added to the header with JS when it reaches its scroll position */
-  .sticky {
-    position: fixed;
-    top: 0;
+  .definition {
+    padding: 8px;
+    font-family: sans-serif;
+    font-size: 14.5pt;
     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) */
-  .sticky + .content {
-    padding-top: 102px;
+    padding: 1px;
   }
   </style>