Second part of the copy

src/lib/components/Collapsible.svelte

@@ -52,12 +52,7 @@
 	.collapsible-content {
 		max-height: 0px;
 		overflow: hidden;
-		transition: max-height 200ms ease-in-out;
-	}
-
-	.collapsible-content h4,
-	.collapsible-content h5 {
-		margin: 1.2rem 1rem 0 1rem;
+		transition: max-height 500ms ease-in-out;
 	}
 
 	.collapsible-content p {

src/routes/+page.svelte

@@ -312,11 +312,14 @@
 <section class="section">
 	<div class="container">
 		{#each copy.moreInfo as block}
+		<div class={block.type == 'text' ? "about" : ""}>
 			{#if block.type == 'text'}
+			<h3 class="is-size-3">{block.title}</h3>
 				{#each block.paragraphs as par}
 					<p class="mb-4">{@html par}</p>
 				{/each}
 			{/if}
+		</div>
 			{#if block.type == 'concealed-text'}
 				<Collapsible title={block.title} paragraphs={block.paragraphs} id={block.id} />
 			{/if}
@@ -330,10 +333,13 @@
 	section {
 		font-family: var(--font-02);
 	}
-	.intro {
+	.intro, .about {
 		max-width: 800px;
 		margin: auto;
 	}
+	.about {
+		margin-top: 2rem;
+	}
 	.controls {
 		background-color: var(--transparentbg);
 		width: 100%;