feat: header

1 files changed, 38 insertions, 1 deletions

diff --git a/static/style.css b/static/style.css
index fc55c10..7c9dad1 100644
--- a/static/style.css
+++ b/static/style.css
@@ -3,6 +3,7 @@
     font-family: 'arial';
     padding: 0;
     margin: 0;
+    font-size: 1.1em;
   }
   img {
     max-width: 99%;
@@ -15,12 +16,48 @@
   a {
     text-decoration: none;
   }
+  #topnav {
+    width: 100%;
+    background-color: #000000;
+  }
+  #topnav div {
+    width: 600px;
+    max-width: 95%;
+    margin-left: auto;
+    margin-right: auto;
+    display: flex;
+    flex-direction: row;
+    height: 30px;
+    align-items: center;
+    justify-items: center;
+  }
+  #topnav img {
+    height: 20px;
+  }
+  #topnav div a {
+    flex-grow: 1;
+    text-align: center;
+    color: #ffffff;
+    vertical-align: middle;
+    font-weight: bold;
+    text-transform: uppercase;
+    height: 100%;
+    padding-top: 7px
+  }
+  #topnav div a:hover {
+    background-color: #ffffff;
+    color: #000000;
+    text-decoration: none;
+  }
+
+
+
+
   main, header, footer {
     width: 600px;
     max-width: 95%;
     margin-left: auto;
     margin-right: auto;
-    background-color: #ff0000;
 
     
   }