layout fixes

src/styles/global.css

@@ -51,6 +51,7 @@ html {
 body {
 	max-width: 800px;
 	margin: auto;
+	padding: 0 1rem;
 }
 
 a {
@@ -167,3 +168,9 @@ kbd {
 		background-image: url(svg/Written-By-Human-Not-By-AI-Badge-black.svg);
 	}
 }
+
+@media (max-width: 590px) {
+	header {
+		flex-direction: column;
+	}
+}