improve look and feel

web_dev/sas_web/static/public/css/default.css

@@ -0,0 +1,4 @@
+#content{
+    margin-left: 5%;
+    margin-right: 5%;
+}

web_dev/sas_web/static/public/css/footer.css

@@ -0,0 +1,4 @@
+#footer {
+    margin-left: 2%;
+    margin-right: 2%;
+}

web_dev/sas_web/static/public/css/header.css

@@ -57,7 +57,7 @@ table td{
     color: black;
     outline: none;
 }
-ul {
+ul.navbar {
     list-style-type: none;
     position: relative;
     margin-left: 2%;
@@ -69,7 +69,7 @@ ul {
     border: none;
 }
 
-li {
+li.navbar {
     float: left;
     width: 30%;
     margin-top: 0.5%;
@@ -79,7 +79,7 @@ li {
     color: #929292;
 }
 
-li a {
+li.navbar a {
     display: block;
     color: #666;
     text-align: center;
@@ -89,11 +89,11 @@ li a {
     border-top-left-radius: 2.5px;
 }
 
-.active {
+li.navbar a.active {
     background: #9F2D17;
     color: white;
 }
 
-li a:hover:not(.active) {
+li.navbar a:hover:not(.active) {
     background: #929292;
 }