Created Navigation Bar and Header

Webserver/static/Styles/header.css

@@ -0,0 +1,68 @@
+header{
+    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
+    padding: 2px;
+    position: sticky;
+    left: 0px;
+    top: 0px;
+}
+
+nav{
+    z-index: 1;
+    position: absolute;
+    top: 0px;
+    right: 20px;
+}
+
+nav ul li{
+    display: inline;
+}
+
+nav ul li a{
+    white-space: nowrap;
+    text-decoration: none;
+    color: white;
+    background-color: green;
+    padding: 5px;
+    margin: 10px;
+}
+
+nav ul li a:hover{
+    background-color: darkgreen;
+}
+
+.active{
+    font-size : 1.2em;
+    font-weight : bold;
+}
+
+.heading{
+    text-align: center;
+    color: white;
+    position: absolute;
+    left: 10%;
+    top: 2px;
+    background-color: darkblue;
+    padding-top: 0px;
+    padding-bottom: 0px;
+    margin: 0px;   
+}   
+
+.heading h1{
+    font-size: 32;
+    line-height: 2em;
+    text-transform: uppercase;
+    margin-top: 0px;
+}
+
+.title-img{
+    width: 186px;
+    margin-top: 10px;
+}
+
+.header-img{
+    width: 100%;
+    height: 300px;
+    object-fit: cover; 
+    object-position: 100%;
+}
+

Webserver/static/Styles/main.css

@@ -0,0 +1,6 @@
+main{
+    max-width: 90%;
+    width: 1800px;
+    margin-left: auto;
+    margin-right: auto;
+}