diff --git a/.gitignore b/.gitignore
index 0253e21..b46082f 100644
--- a/.gitignore
+++ b/.gitignore
@@ -68,7 +68,8 @@ $RECYCLE.BIN/
 .LSOverride
 
 # Icon must end with two \r
-Icon

+Icon
+
 
 # Thumbnails
 ._*
@@ -200,7 +201,8 @@ fabric.properties
 .LSOverride
 
 # Icon must end with two \r
-Icon

+Icon
+
 
 # Thumbnails
 ._*
@@ -1022,8 +1024,11 @@ _site/
 /vendor
 
 # Specific ignore for GitHub Pages
-# GitHub Pages will always use its own deployed version of pages-gem 
+# GitHub Pages will always use its own deployed version of pages-gem
 # This means GitHub Pages will NOT use your Gemfile.lock and therefore it is
 # counterproductive to check this file into the repository.
 # Details at https://github.com/github/pages-gem/issues/768
 Gemfile.lock
+
+# Fix extra-ignoring for kernel module file pattern on CSS Module files.
+!*.module.css
diff --git a/src/pages/MainLayout.module.css b/src/pages/MainLayout.module.css
new file mode 100644
index 0000000..edda07f
--- /dev/null
+++ b/src/pages/MainLayout.module.css
@@ -0,0 +1,23 @@
+@layer page {
+  .main_layout {
+    width: 100%;
+    height: 100%;
+    overflow: hidden;
+    display: flex;
+    flex-direction: row;
+    justify-content: flex-start;
+    align-items: stretch;
+  }
+  .navigation_column {
+    min-width: 230px;
+    flex: 0 0 auto;
+    display: flex;
+    flex-direction: column;
+    justify-content: flex-start;
+    align-items: stretch;
+    gap: 4px;
+  }
+  .content {
+    flex: 1 0 auto;
+  }
+}