diff --git a/store/forms.py b/store/forms.py
index 53b1a578d8eaa5bf34421b8594987707b3016573..a2f835d935733d997a8e30e3aface496171a8487 100644
--- a/store/forms.py
+++ b/store/forms.py
@@ -6,8 +6,8 @@ from wtforms.validators import DataRequired  # Basic example.#
 class RegistrationForm(FlaskForm):
     username = StringField("Username", [validators.Length(min=4, max=25)])
     email = StringField("Email Address", [validators.Length(min=6, max=320)])
-    securityQ1 = StringField("securityQ1", [validators.Length(min=6, max=35)])
-    phone_number = StringField("phone_number", [validators.Length(min=6, max=35)])
+    securityQ1 = StringField("Enter your Favourite Colour", [validators.Length(min=6, max=35)])
+    phone_number = StringField("Phone Number", [validators.Length(min=6, max=35)])
     password = PasswordField(
         "New Password",
         [
diff --git a/store/static/_main.css b/store/static/_main.css
index d57452a8d756bc26efb996f83d7f8b1902c3300c..40a9a35d3a36b7a4f537d1ff06c86835ef9c418e 100644
--- a/store/static/_main.css
+++ b/store/static/_main.css
@@ -59,6 +59,8 @@ footer, header, hgroup, menu, nav, section {
 
 body {
 	line-height: 1;
+    background-color: black;
+    color: white;
 }
 ol, ul {
 	list-style: none;
@@ -79,14 +81,34 @@ table {
 
 /* End of resetting  */
 
+.title {
+    margin-top: 20px;
+    margin-bottom: auto;
+}
 
-footer {
-    background-color: black;
+h1{
     color: white;
-    position: fixed;
-    bottom:0;
-    left:0;
-    width:100%;
+    font-size: 20px;
+}
+
+a:link {
+    text-decoration: none;
+    color: white;
+}
+
+a:visited {
+    text-decoration: none;
+    color: white;
+}
+
+a:hover {
+    text-decoration: none;
+    color: white;
+}
+
+a:active {
+    text-decoration: none;
+    color: black;
 }
 
 div{
@@ -97,28 +119,43 @@ div{
 
 .navbar li a {
     color:white;
+    background-color: darkred;
+    display: block;
+    text-align: center;
+    text-decoration: none;
+    padding: 14px 16px;
+}
+
+.search input{
+    float: right;
+    padding: 6px;
+    margin-top: 8px;
+    margin-right: 8px;
+    font-size: 14px;
+    border: none;
+}
+
+.search button {
+    color:white;
+    background-color: darkred;
     display: block;
     text-align: center;
     text-decoration: none;
     padding: 14px 16px;
+    float: right;
+    border:none;
+}
+
+.search button:hover {
+    background-color: black;
 }
 
 .navbar ul {
     list-style-type: none;
+    background-color: darkred;
     margin: 0;
     padding: 0;
     overflow: hidden;
-    background-color: black;
-}
-
-
-input[type=text] {
-    float: left;
-    padding: 6px;
-    border: none;
-    margin-top: 8px;
-    margin-right: 16px;
-    font-size: 17px;
 }
 
 .navbar li {
@@ -126,8 +163,8 @@ input[type=text] {
 }
 
 .navbar li a:hover {
-    background-color: white;
-    color:black;
+    background-color: black;
+    color:white;
 }
 
 *{
@@ -135,35 +172,13 @@ input[type=text] {
     font-family: sans-serif;
 }
 
-h1{
-    color: black;
-    font-size: 30px;
-}
 
-a:link {
-    text-decoration: none;
-    color: black;
-}
-
-a:visited {
-    text-decoration: none;
-    color: black;
-}
-
-a:hover {
-    text-decoration: none;
-    color: black;
-}
-
-a:active {
-    text-decoration: none;
-    color: black;
-}
 
 .header{
     font-size: 50px;
     text-decoration: none;
-    color: black;
+    color: white;
+    background-color: black;
 }
 
 .error{
@@ -181,5 +196,11 @@ li {
     margin-right: auto;
 }
 
-
-
+footer {
+    background-color: darkred;
+    color: white;
+    position: fixed;
+    bottom:0;
+    left:0;
+    width:100%;
+}
diff --git a/store/templates/base.html b/store/templates/base.html
index bc141d101ec83239688aeabc90354e4eff00947d..e91b02e822abc86e5e0841fe898ad17850c0bf9b 100644
--- a/store/templates/base.html
+++ b/store/templates/base.html
@@ -4,7 +4,7 @@
 <head>
   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
   <title>{% block title %}{% endblock%}</title>
-  <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='main.css') }}"> <!-- Load the CSS. -->
+  <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='_main.css') }}"> <!-- Load the CSS. -->
 </head>
 
 <body>
@@ -27,12 +27,10 @@
       <li><a href="{{ url_for('register')}}">Register</a></li>
       {% endif %}
 
-      <li class="search">
-        <form>
-          <button type="submit"><i class="fa fa-search"></i></button>
-          <input type="text" placeholder="Search...">
-        </form>
-      </li>
+      <form class="search">
+        <button type="submit">Search</button>
+        <input type="text" placeholder="Search...">
+      </form>
     </ul>
   </nav>
 
diff --git a/store/templates/userContent/login.html b/store/templates/userContent/login.html
index 77241a82029f45277a52d073336676476f48c132..de81a881c1db6910522e34a3e759fb14b301564c 100644
--- a/store/templates/userContent/login.html
+++ b/store/templates/userContent/login.html
@@ -3,7 +3,6 @@
 {% block content %}
 <form method="POST" action="{{ url_for('login') }}" style="float: center; text-align: center;">
   <div class="container">
-    <h1>Login</h1>
     <table class="loginTable">
       <tr>
         <td><label for="username">Username</label></td>
diff --git a/store/templates/userContent/register.html b/store/templates/userContent/register.html
index 0a88fb90fb701e7dd74dd82ce6d110dd210ee692..4276512b3b3ffbff233ec96521fd0d84ffa404d8 100644
--- a/store/templates/userContent/register.html
+++ b/store/templates/userContent/register.html
@@ -9,9 +9,6 @@
       <tr>
         <td>{{ render_field(form.username) }} </td>
       </tr>
-      <tr>
-        <td>{{ render_field(form.password) }}</td>
-      </tr>
       <tr>
         <td>{{ render_field(form.email) }} </td>
       </tr>
@@ -21,6 +18,9 @@
       <tr>
         <td> {{ render_field(form.securityQ1) }}</td>
       </tr>
+      <tr>
+        <td>{{ render_field(form.password) }}</td>
+      </tr>
       <tr>
         <td>{{ render_field(form.confirm) }}</td>
       </tr>