Styling

src/lib/components/Collapsible.svelte

@@ -21,7 +21,6 @@
 		display: block;
 		margin-left: -0.3rem;
 		padding: 0.2rem 0;
-		font-size: 0.9rem;
 		font-weight: normal;
 		font-style: italic;
 		color: var(--text-black);
@@ -30,7 +29,6 @@
 	}
 
 	.lbl-toggle.top {
-		font-size: 0.85rem;
 		font-weight: normal;
 		font-style: normal;
 	}

src/lib/components/Header.svelte

@@ -3,7 +3,7 @@
 </script>
 
 <section class="content title section" style:background-image={"url('images/fiat_2024_banner_background_new.jpg')"}>
-	<div class="container has-text-centered">
+	<div class="container title has-text-centered">
 		<div class="logos">
 			<a href="https://www.atlanticcouncil.org"
 				><img src="logos/ac.svg" alt="Atlantic Council Logo" /></a
@@ -16,7 +16,7 @@
 		</div>
 		<h1 class="title is-size-1">{copy.meta.title}</h1>
 		<h2 class="subtitle is-size-4 has-text-weight-bold">{copy.meta.subtitle}</h2>
-		<h3 class="subtitle is-size-5 is-italic">{copy.meta.subsubtitle}</h3>
+		<p class="subsubtitle is-italic is-size-6">{copy.meta.subsubtitle}</p>
 	</div>
 </section>
 
@@ -62,4 +62,8 @@
 		font-family: var(--font-02);
 		color: var(--usa-blue);
 	}
+	.subsubtitle {
+		font-family: var(--font-02);
+		color: var(--usa-blue);
+	}
 </style>

src/lib/components/Square.svelte

@@ -19,7 +19,7 @@
 		hoveredEventData = eventData;
 	}
 	function handleMouseOut() {
-		//showEventTooltip = false;
+		showEventTooltip = false;
 	}
 </script>