From 2afee48a5e709945c4295cd13098a21264c36b4b Mon Sep 17 00:00:00 2001
From: Henry-Hiles <henry@henryhiles.com>
Date: Wed, 31 May 2023 15:00:49 -0400
Subject: [PATCH] Fix some bugs

---
 src/styles/Home.css           | 23 -----------------------
 src/styles/Jumbo.module.css   |  2 +-
 src/styles/Layout.css         | 23 +++++++++++++++++++++++
 src/styles/Project.module.css | 21 +--------------------
 4 files changed, 25 insertions(+), 44 deletions(-)

diff --git a/src/styles/Home.css b/src/styles/Home.css
index 703a6e0..c40ce98 100644
--- a/src/styles/Home.css
+++ b/src/styles/Home.css
@@ -4,26 +4,3 @@ section > :is(h1, h2) {
 	text-align: center;
 	text-transform: uppercase;
 }
-
-main {
-	display: flex;
-	gap: 3rem;
-	flex-direction: column;
-	align-items: center;
-	padding-bottom: 2em;
-}
-
-main > section {
-	scroll-margin-top: 8rem;
-	display: flex;
-	flex-direction: column;
-	border-radius: 1rem;
-	background: rgba(0 0 0 / 0.3);
-	padding: 2rem;
-	width: 90%;
-	transition: scale 0.2s;
-}
-
-main > section:hover {
-	scale: 1.03;
-}
diff --git a/src/styles/Jumbo.module.css b/src/styles/Jumbo.module.css
index c60bdbd..28a1d94 100644
--- a/src/styles/Jumbo.module.css
+++ b/src/styles/Jumbo.module.css
@@ -18,5 +18,5 @@
 
 #jumbo #shortAbout {
 	display: block;
-	padding: 20px 10px;
+	padding: 2rem 1rem;
 }
diff --git a/src/styles/Layout.css b/src/styles/Layout.css
index f930c1d..18f6d18 100644
--- a/src/styles/Layout.css
+++ b/src/styles/Layout.css
@@ -33,3 +33,26 @@ svg {
 img {
 	max-width: 100%;
 }
+
+main {
+	display: flex;
+	gap: 2rem;
+	flex-direction: column;
+	align-items: center;
+	padding-bottom: 2em;
+}
+
+main > section {
+	scroll-margin-top: 8rem;
+	display: flex;
+	flex-direction: column;
+	border-radius: 1rem;
+	background: rgba(0 0 0 / 0.3);
+	padding: 2rem;
+	width: 90%;
+	transition: scale 0.2s;
+}
+
+main > section:hover {
+	scale: 1.03;
+}
diff --git a/src/styles/Project.module.css b/src/styles/Project.module.css
index ce71af3..92e31c6 100644
--- a/src/styles/Project.module.css
+++ b/src/styles/Project.module.css
@@ -1,10 +1,5 @@
 main {
-	padding: 2em;
-	gap: 2em;
-	width: 100%;
-	display: flex;
-	flex-direction: column;
-	align-items: center;
+	padding: 2em 0;
 }
 
 .overview {
@@ -53,20 +48,6 @@ main {
 	gap: 4rem;
 }
 
-main > section {
-	flex-direction: column;
-	display: flex;
-	border-radius: 1rem;
-	background: rgba(0 0 0 / 0.3);
-	padding: 2rem;
-	width: 90%;
-	transition: scale 0.2s;
-}
-
-main > section:hover {
-	scale: 1.03;
-}
-
 @media (max-width: 1300px) {
 	.row {
 		flex-direction: column;