fix demo figcaption css

Author: justinchiu

diff-viz-styles.css

@@ -239,6 +239,13 @@
     font-style: italic;
 }
 
+#demo-figure figcaption {
+	font-family: 'Noto Serif', Georgia, serif;
+	font-style: italic;
+	font-size: 90%;
+	color: var(--nord3);
+}
+
 /* Mobile responsive font sizes */
 @media (max-width: 768px) {
     #demo-figure .code-header {

index.html

@@ -113,7 +113,7 @@ <h2 id="demo">Demo</h2>
 					| Timestep <span id="timestepCount">0</span>
 				</div>
 			</div>
-			<figcaption>Librarian in action: watch as it identifies common patterns and refactors multiple code sources into shorter versions by creating a unified library with reusable components.</figcaption>
+			<figcaption style="text-align: center;">Librarian refactors competition coding solutions in MiniCode: Given a collection of code solutions, Librarian identifies useful abstractions and creates a library. It then rewrites each code solution using the library.</figcaption>
 		</figure>
 	</section>