nav is in center, projects layout, home fixed

v4/css/home.css

@@ -3,7 +3,6 @@
 }
 .home {
 	font-size: 1.2rem;
-	height: 100;
 }
 .home section {
 	text-align: center;

v4/css/projects.css

@@ -0,0 +1,34 @@
+.projects {
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	gap: 1rem;
+}
+
+.projects img {
+	max-width: 100%;
+	display: block;
+}
+
+.card {
+	display: flex;
+	border: 1px solid red;
+	width: min(40rem, calc(100% - 1rem));
+}
+
+.card .card_text > * {
+	margin: 1rem;
+}
+
+.card > * {
+	flex-basis: 100%;
+}
+
+.card .card_left {
+	border: 1px solid green;
+}
+
+.card .card_right {
+	border: 1px solid yellow;
+}
+

v4/css/style.css

@@ -14,11 +14,30 @@ body {
 	border: 1px solid purple;
 }
 
+html {
+	overflow-y: scroll !important;
+	text-rendering: optimizeLegibility;
+	-webkit-font-smoothing: antialiased;
+	scroll-behavior: smooth;
+}
+*::-webkit-scrollbar {
+    width: 5px;
+}
+*::-webkit-scrollbar-thumb {
+    background-color: #ffffff;
+    border-radius: 20px;
+}
+*::-webkit-scrollbar-track {
+    background: #000000;
+}
+
 .nav {
+	position: relative;
 	display: flex;
 	border: 1px solid red;
 	padding: 1rem;
 	justify-content: space-between;
+	isolation: isolate;
 }
 
 .nav .logo img {
@@ -29,13 +48,22 @@ body {
 .nav .links {
 	display: flex;
 	align-items: center;
+	justify-content: center;
 	gap: 1rem;
 	border: 1px solid orange;
+	z-index: -1;
+}
+
+@media (min-width: 400px) {
+	.nav .links {
+		position: absolute;
+		inset: 0;
+	}
 }
 
 .content {
 	border: 1px solid green;
-	padding: 2rem 5rem;
+	padding: 2rem 1rem;
 }
 
 footer {