M src/layouts/Layout.astro → src/layouts/Layout.astro

@@ -66,19 +66,26 @@ }
 	}
 
 	.content {
+    	--margin: 0.5rem;
 		position: relative;
 		z-index: 1;
 		background: hsla(var(--crust) / 1);
 		box-shadow: 0 0.5rem 2rem hsla(var(--shadow) / 0.5);
 
-		width: calc(100% - 0.2rem);
+		width: calc(100% - calc(var(--margin) * 2));
 		max-width: 60ch;
-		margin: 90dvh 0.1rem 0 0.1rem;
+		margin: 90dvh var(--margin) 0 var(--margin);
 		border-radius: 2rem 2rem 0 0;
 		overflow: hidden;
 
 		&.wide {
 			max-width: 120ch;
+		}
+	}
+
+	@media (max-width: 60ch) {
+		.content {
+			--margin: 0;;
 		}
 	}