redo css

styles/default.css

@@ -6,19 +6,15 @@ html {
 	min-height: 100%;
 }
 
-header,
-footer,
-article,
-main nav {
-	border: 3px black solid;
+body {
 	background: turquoise;
-	margin: 5px;
-	box-shadow: 2px 2px 2px;
+	max-width: 80ch;
+	margin: 0 auto;
 }
 
 /* header and footer */
 header {
-	text-align: center;
+	padding: 1rem;
 }
 
 #homelink {
@@ -68,30 +64,7 @@ ol ol ol {
 }
 
 @media screen and (min-width: 80ch) {
-	/* to avoid zoom issues, grid layout is only used when mid-width is
-	 * large enough */
 	body {
-		display: grid;
-		justify-content: center;
-	}
-
-	main {
-		/* min-width is set due to zoom issues */
-		min-width: 100%;
-		display: flex;
-		align-items: start;
-	}
-
-	main nav {
-		flex: auto;
-		position: sticky;
-		top: 10px;
-	}
-
-	article {
-		/* width is set for the about page */
-		width: 80ch;
-		max-width: 80ch;
-		flex: auto;
+		border: 3px black solid;
 	}
 }