Improves typography styling

(#4769, #4773, PLG-138)

Author: sergeibbb

src/webviews/apps/welcome/welcome.css.ts

@@ -71,9 +71,24 @@ const section = css`
 		align-items: center;
 		text-align: center;
 	}
+	.section h1 {
+		color: var(--em-color);
+	}
+	.section h2 {
+		color: var(--em-color);
+		font-weight: normal;
+		font-size: var(--p-font-size);
+	}
+	.section p {
+		color: var(--text-color);
+	}
 	.section .accent {
 		color: var(--accent-color);
 	}
+	.section a {
+		color: var(--link-color);
+		text-decoration: none;
+	}
 
 	.section.plain p {
 		max-width: 30em;
@@ -122,12 +137,7 @@ const header = css`
 	}
 	.header h1 {
 		margin-bottom: 0;
-
 		font-size: var(--h1-font-size);
-		color: var(--em-text-color);
-	}
-	.header p {
-		color: var(--text-color);
 	}
 `;
 
@@ -154,24 +164,17 @@ const carousel = css`
 	gl-feature-carousel h1 {
 		margin: 0;
 		font-size: var(--card-font-size);
-		color: var(--em-color);
 	}
 
 	gl-feature-carousel p {
 		margin: 0.4em 0 0;
 		font-size: var(--card-font-size);
-		color: var(--text-color);
 	}
 
 	gl-feature-carousel img {
 		max-width: 100%;
 		height: auto;
 	}
-
-	gl-feature-carousel a {
-		color: var(--link-color);
-		text-decoration: none;
-	}
 `;
 
 export const welcomeStyles = css`

src/webviews/apps/welcome/welcome.ts

@@ -56,7 +56,7 @@ export class GlWelcomeApp extends GlAppHost<State> {
 					</p>
 				</div>
 				<div class="section plain">
-					<p>With <span class="accent">PRO</span> subscription you get more</p>
+					<h2>With <span class="accent">PRO</span> subscription you get more</h2>
 				</div>
 
 				<div class="section">