diff --git a/lab-html-css-flex-layout b/lab-html-css-flex-layout
new file mode 160000
index 0000000..fae0438
--- /dev/null
+++ b/lab-html-css-flex-layout
@@ -0,0 +1 @@
+Subproject commit fae0438fe74f5a3ca04d63e820392fae438f26a0
diff --git a/style.css b/style.css
index 8b13789..f16b142 100644
--- a/style.css
+++ b/style.css
@@ -1 +1,73 @@
+@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@200;400;700;800&display=swap");
+* {
+ margin: 0;
+ padding: 0;
+}
+body {
+ font-family: "Nunito Sans", sans-serif;
+ background-color: white;
+ color: white;
+ font-size: 10px;
+}
+
+header {
+ font-family: "Nunito Sans", sans-serif;
+ background-color: orange;
+ color: white;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ font-size: 1.5em;
+ font-weight: normal;
+ height: 120px;
+}
+
+#main {
+ display: flex;
+ flex-direction: row;
+}
+
+#main nav {
+ width: 230px;
+ height: 500px;
+ margin-top: 10px;
+ font-size: 2em;
+ background-color: #657432;
+ padding: 10px;
+}
+
+#main article {
+ width: 1000px;
+ height: 500px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size: 1.65em;
+ background-color: #99925b;
+ padding: 10px;
+ font-size: 20px;
+ margin-left: 5px;
+ font-family: "Nunito Sans", sans-serif;
+}
+
+#main aside {
+ width: 230px;
+ height: 500px;
+ margin-top: 10px;
+ margin-left: 10px;
+ font-size: 2em;
+ background-color: #657432;
+ padding: 10px;
+}
+
+footer {
+ margin-top: 10px;
+ background-color: orange;
+ color: white;
+ display: flex;
+ align-items: center;
+ font-size: 2em;
+ font-weight: normal;
+ height: 80px;
+ padding-left: 10px;
+}
\ No newline at end of file