Added CSS components

static/styles/nav.css

@@ -0,0 +1,64 @@
+
+
+nav{
+    height:40px;
+    position:inherit;
+    top:0;
+    
+    z-index:1;
+    
+    text-align: center;
+    display: grid;
+    
+}
+
+.nav{
+    display:flex;
+    justify-content:center;
+    align-items:center;
+    min-height:32px;
+    background:none;
+    text-decoration:none;
+    cursor:pointer;
+    
+    float:left;
+    clear:left;
+    text-align:center;
+    
+    font-size: var(--font-size);
+    
+    width:100%;
+    margin:0 0 10px 0;
+    
+    background-color: var(--main-color);
+    
+    color:var(--main-fg-color);
+    text-decoration-color:#d4d4d4;
+    border-color: #000000;
+    
+    border-width: var(--button-border-width);
+    border-style: var(--button-border-style);
+    
+}
+
+.navSep {
+    width: 100%;
+    float:left;
+    margin-bottom: 20px;
+    background-color: var(--main-title-fg-color);
+    border-color: var(--main-title-fg-color);
+}
+
+.selected-nav {
+    border-style: var(--button-selected-style);
+    background-color: var(--main-bg-color);
+    color: var(--main-title-fg-color);
+}
+
+.disabled-nav {
+    color: gray;
+    cursor: default;
+}
+
+
+