updated skills

style.css

@@ -93,7 +93,8 @@ h4 {
 	letter-spacing: 0.01rem;
 }
 
-#bio {
+#bio,
+#skills {
 	padding: 1.5rem;
 	text-align: start;
 }
@@ -102,20 +103,38 @@ h4 {
 	font-size: 2.2rem;
 }
 
-#bio h4 {
+#skills h4 {
 	color: #666;
 	font-size: 1.5rem;
 	margin: 0 auto 20px;
 }
-
-#bio ul {
+#skills ul {
 	line-height: 1.35rem;
 	font-weight: 200;
+	text-align: center;
+	align-items: center;
 	margin: 0;
 	padding: 0;
 	list-style-type: none;
 }
 
+.skills {
+	display: grid;
+	grid-template-columns: 1fr 1fr;
+	grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
+	gap: 10px 75px;
+	grid-auto-flow: row;
+	grid-template-areas:
+		'. .'
+		'. .'
+		'. .'
+		'. .'
+		'. .'
+		'. .'
+		'. .'
+		'. .';
+}
+
 #contact {
 	margin-top: 1rem;
 	padding: 1.5rem;
@@ -151,11 +170,11 @@ h4 {
 }
 
 #project-wrapper {
+	margin-top: 2.5rem;
 }
 
 #project-wrapper h2 {
 	margin: 0;
-	padding: 0;
 	padding: 1.5rem 1.5rem 0 1.5rem;
 	font-size: 2rem;
 }
@@ -188,7 +207,7 @@ h4 {
 
 .project-desc {
 	margin: 0;
-	padding: 0 .8rem;
+	padding: 0 0.8rem;
 }
 
 .project-skills {
@@ -310,6 +329,10 @@ footer {
 		margin: auto 5px;
 	}
 
+	#skills {
+		padding: 0;
+	}
+
 	#project-container {
 		display: flex;
 		flex-direction: row-reverse;