- removed nav

- moved cv to the hero section
- also changed it to collapse all at once instead of by sub titles
- and changed grid to auto flow instead of using named areas

styles/elements/sections.css

@@ -1,41 +1,34 @@
-
-section header  { grid-area: header; }
-section article { grid-area: article; }
-section .mouse  { grid-area: mouse;  }
-section .banner { grid-area: banner; }
-
 section {
 	display: grid;
 	margin: 0px;
 	width: 100vw;
-	grid:
-    ' .         header    .        ' auto
-    ' .         article   .        ' auto
-    ' .         mouse     .        ' auto
-    ' banner    banner    banner   ' auto
-	  / 1fr       auto      1fr      ;
+	grid: 1fr auto 1fr / auto;
 	grid-gap: 10px;
 	gap: 10px;
 	min-height: 100vh;
-}
+	justify-items: center;
 
-section header {
-	display: flex;
-	flex-direction: column;
-	place-content: center;
-}
-section footer {
-	display: flex;
-	flex-direction: column;
-}
-section header h1 {
-	display: flex;
-	flex-direction: row;
-	flex-wrap: wrap;
-	justify-content: center;
-}
+	header {
+		display: flex;
+		flex-direction: column;
+		place-content: center;
 
-section .banner {
-	overflow-x: hidden;
-}
+		h1 {
+			display: flex;
+			flex-direction: row;
+			flex-wrap: wrap;
+			justify-content: center;
+		}
+	}
 
+	> * {
+		grid-column: 2 / span 1;
+	}
+	> .full_width {
+		grid-column: 1 / span 3;
+	}
+
+	.banner {
+		overflow-x: hidden;
+	}
+}