CSS redesign stuff, other things idk

sass/about.scss

@@ -0,0 +1,20 @@
+.about {
+  h1 {
+    margin-top: 2.5rem;
+    margin-bottom: 1rem;
+  }
+
+  h2 {
+    margin-top: 1.5rem;
+    margin-bottom: 1rem;
+  }
+
+  h3, h4, h5, h6, p {
+    margin-top: 1rem;
+    margin-bottom: 1rem;
+  }
+  
+  p {
+    text-align: justify;
+  }
+}

sass/project.scss

@@ -1,24 +1,46 @@
-//.project-wrapper {
-//	justify-content: start;
-//	align-items: start;
-//}
-//
-//.left-bar {
-//	width: 15rem;
-//	justify-content: start;
-//	align-items: start;
-//	border-right: thin solid var(--c-blue);
-//	margin-right: 2.5rem;
-//	padding: 0 2.5rem;
-//
-//	h2 {
-//		padding-bottom: 2.5rem;
-//	}
-//}
-
+.language-yaml {
+  white-space: pre-wrap;
+  word-wrap: break-word;
+  overflow-x: auto;
+  padding: .5rem;
+  margin: .5rem 0;
+}
 
 .project-wrapper {
-  display: flex;
-  gap: 2.5rem;
-  margin: 0 5rem;
+  max-width: 900px;
+  margin: 0 auto;
+  padding: 20px;
+
+  h1 {
+    margin-top: 2.5rem;
+    margin-bottom: 1rem;
+  }
+
+  h2 {
+    margin-top: 1.5rem;
+    margin-bottom: 1rem;
+  }
+
+  h3, h4, h5, h6, p {
+    margin-top: 1rem;
+    margin-bottom: 1rem;
+  }
+  
+  p {
+    text-align: justify;
+  }
 }
+
+@media (max-width: 768px) {
+  .project-wrapper {
+    max-width: 100%;
+    padding: 10px;
+  }
+}
+
+@media (max-width: 480px) {
+  .project-wrapper {
+    padding: 5px;
+  }
+}
+