feat: new header

1 files changed, 38 insertions, 19 deletions

diff --git a/static/style.css b/static/style.css
index 361f447..4c9912f 100644
--- a/static/style.css
+++ b/static/style.css
@@ -57,10 +57,6 @@ body {
     }
 }
 
-header {
-    width: 100%;
-    text-align: center;
-}
 main, footer {
     width: 100%;
     max-width: 95%;
@@ -83,25 +79,48 @@ a:hover {
 
 /* ----------- Site header */
 header {
-    font-family: var(--header-font);
-    font-size: var(--header-font-size);
-}
-h1 {
-    font-size: var(--h1-size);
-    margin: 0;
-    padding-bottom: 5px;
-    padding-top: 10px;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  justify-content: normal;
+  align-items: normal;
+  align-content: normal;
 }
 
-#top-nav #main-nav {
-    padding-bottom: 5px;
+header > .logo {
+  display: block;
+  flex-grow: 0;
+  flex-shrink: 1;
+  flex-basis: auto;
+  align-self: auto;
+  order: 0;
+  width: 50px;
+  height: 80px;
+  background-color: #000000;
 }
-#top-nav {
-}
-#top-nav a {
-    margin-right: 5px;
+
+header > .name {
+  display: block;
+  flex-grow: 1;
+  flex-shrink: 0;
+  flex-basis: auto;
+  align-self: auto;
+  order: 0;
+  text-align: left;
+  position: relative;
 }
 
+header > .name > nav {
+  position: absolute;
+  bottom: 0px;
+  padding: 10px;
+
+} 
+
+h1 {
+  font-size: inherit;
+  margin: 0;
+} 
 
 /* ---------- Main */
 main {
@@ -199,7 +218,7 @@ figure.graph img {
 /* ----------- Footer */
 footer {
     text-align: center;
-    padding: 10px 0 10px 0;
+    padding: 10px 0 30px 0;
 }
 
 /* ---------- Footnotes */