From ed9e02d594c83b60044a8127c6c08b1646548a9f Mon Sep 17 00:00:00 2001
From: Emi Simpson <emi@alchemi.dev>
Date: Sat, 5 Feb 2022 21:51:18 -0500
Subject: [PATCH] Fix up some of the margin weirdness

---
 site/styles.scss | 42 ++++++++++++++++++++++++++++--------------
 1 file changed, 28 insertions(+), 14 deletions(-)

diff --git a/site/styles.scss b/site/styles.scss
index c37347f..f4ffea9 100644
--- a/site/styles.scss
+++ b/site/styles.scss
@@ -14,8 +14,6 @@ body {
 	font-size: 1.5em;
 	line-height: 1.4em;
 
-	max-width: 700px;
-	margin: 0 auto;
 	margin-bottom: 60px;
 }
 
@@ -25,6 +23,8 @@ header {
 	font-size: 3.2rem;
 
 	padding: 0px 49px;
+	width: 600px;
+	margin: 0 auto;
 
 	p {
 		display: flex;
@@ -49,14 +49,23 @@ header {
 	}
 }
 
-.emphasis-paragraph {
-	font-family: Resistance;
-	font-size: 3.5rem;
-	line-height: initial;
-	text-align: center;
+#intro {
+	& > * {
+		margin-left: auto;
+		margin-right: auto;
+	}
 
-	margin-left: -50px;
-	margin-right: -50px;
+	p {
+		max-width: 700px;
+	}
+
+	.emphasis-paragraph {
+		max-width: 850px;
+		font-family: Resistance;
+		font-size: 3.5rem;
+		line-height: initial;
+		text-align: center;
+	}
 }
 
 #should-hide-intro:checked + #intro {
@@ -112,7 +121,9 @@ header {
 }
 
 #license-chooser {
-	margin: 0 -50px;
+	max-width: 800px;
+	margin: 0 auto;
+
 	#selected-license {
 		border: 60px solid;
 		border-image: url("/assets/cool-border.svg") 60;
@@ -163,9 +174,10 @@ header {
 
 #modules {
 	display: grid;
-	grid-template-columns: 50% 50%;
+	grid-template-columns: 1fr 1fr;
 	gap: 50px;
-	margin: 0 -180px;
+	max-width: 1070px;
+	margin: 0 auto;
 	margin-bottom: 50px;
 
 	.module-button > div {
@@ -203,14 +215,16 @@ header {
 #downloads {
 	display: grid;
 	grid-template-columns: auto auto auto;
-	width: 100%;
+	max-width: 800px;
+	margin: 0 auto;
 }
 
 .divider {
 	display: grid;
 	grid-template-columns: 1fr 0fr 1fr;
 	align-items: center;
-	margin: 0 -100px;
+	margin: 0 auto;
+	max-width: 900px;
 	gap: 50px;
 	font-family: Resistance;
 	color: #e1c0ed;