4th style element gone

Author: ZenterFlow

index.html

@@ -265,7 +265,7 @@ <h2>4. How the Characters relate to Each Other</h2>
       />
     </p>
 
-    <p style="margin-top: 0.25rem; font-size: 0.8em; color: #9ca3af">
+    <p class="diagram-note">
       💡 Press <kbd>Ctrl</kbd> + <kbd>+</kbd> / <kbd>-</kbd>, or pinch-zoom on
       mobile to enlarge the diagram. Right Click to Open Image in New Tab.
     </p>

styles.css

@@ -124,3 +124,8 @@ pre {
 .tools-table {
   border-collapse: collapse;
 }
+.diagram-note {
+  margin-top: 0.25rem;
+  font-size: 0.8em;
+  color: #9ca3af;
+}