WIP

src/scss/app.scss

@@ -5,6 +5,9 @@
 
 @import "global";
 
+@import "header";
+@import "footer";
+
 @import "flex-intro-block";
 @import "flex-side-by-side";
 @import "flex-text-over-image-a";

src/scss/header.scss

@@ -0,0 +1,25 @@
+.top-nav {
+    padding: 42px 0;
+
+    .logo-wrapper {
+        width: 80%;
+        max-width: 358px;
+    }
+
+    nav.main-nav {
+        height: 100%;
+        & > div {
+            height: 100%;
+        }
+
+        ul#menu-main-menu {
+            display: flex;
+            gap: 3rem;
+            padding: 0;
+            margin: 0;
+            list-style-type: none;
+            height: 100%;
+            align-items: center;
+        }
+    }
+}