css/style.css: improve spacing/responsiveness

public/css/style.css

@@ -44,8 +44,7 @@ so here's the license
 
 body {
 	font-family: Inter, sans-serif;
-	min-width: 20em;
-	width: 70vmin;
+	max-width: 50em;
 	margin: auto;
 	background: #101010;
 	color: #ffffff;
@@ -54,7 +53,8 @@ body {
 
 .header {
 	margin-top: 2%;
-	margin-bottom: 5%;
+	display: flex;
+	align-items: center;
 }
 
 .header b {
@@ -81,9 +81,10 @@ nav {
 }
 article {
 	hyphens: auto;
+	padding: 1em;
 }
 article p {
-	margin: 1rem;
+	margin: 1rem 1em;
 	line-height: 1.5;
 }
 h1,h2,h3,h4 {
@@ -117,10 +118,10 @@ img {
 
 .logo {
 	border: none;
-	max-width: 4vh;
+	max-width: 3em;
 	position: relative;
-	top: 1.4vh;
-	margin-right: 0.25em;
+	top: .22em;
+	margin-right: 0.45em;
 }
 
 blockquote {
@@ -182,3 +183,19 @@ p, pre, table, blockquote {
 	margin-left: 1rem;
 	text-align: justify;
 }
+
+@media only screen and (max-device-width: 800px) {
+	.header {
+		flex-flow: column nowrap;
+		margin-bottom: 0em;
+	}
+	.logo {
+		display: none;
+	}
+	.header b {
+		margin-right: 0;
+		margin-bottom: 0.3em;
+		margin-top: 0.5em;
+		font-size: 125%;
+	}
+}