style: adjust spacing and font size in main.css for improved layout

Author: nextlevelshit

src/main.css

@@ -138,7 +138,7 @@ body {
 	flex-flow: column;
 	align-items: stretch;
 	justify-content: flex-start;
-	gap: 2rem;
+	gap: 1.4rem;
 	background-color: var(--panel-bg);
 	border-radius: 8px;
 	box-shadow: var(--shadow);
@@ -148,14 +148,14 @@ body {
 }
 
 #lesson-title {
-	margin-bottom: 1rem;
 	color: var(--primary-dark);
 }
 
 .lesson-description {
-	margin-bottom: 2rem;
 	color: var(--text-color);
 	line-height: 1.7;
+	font-size: 1.1rem;
+	width: 72%;
 }
 
 /* Challenge Container */