Styling changes

src/styles/Layout.css

@@ -34,7 +34,7 @@ img {
 
 main {
 	display: flex;
-	gap: 5rem;
+	gap: 10vw;
 	flex-direction: column;
 	align-items: center;
 	padding-bottom: 10em;
@@ -47,7 +47,6 @@ main > section {
 	border-radius: 1rem;
 	background: rgb(0 0 0 / 0.3);
 	padding: 2rem;
-	margin: 1rem;
 	width: 90%;
 	transition: scale 0.2s;
 }

src/styles/Project.module.css

@@ -19,13 +19,15 @@ main {
 
 .longDescription {
 	font-size: 1.5rem;
-	padding: 20px;
 	text-align: justify;
+	padding: 1em;
 	max-width: 700px;
 }
 
 .image img {
 	max-height: 450px;
+	padding: 0;
+	border: 2px solid var(--secondary);
 }
 
 .longDescription h2 {