CSS school text

src/routes/school/css/+page.svelte

@@ -189,7 +189,9 @@
     <input type="checkbox" checked={true} />
 
     <!-- Accordion Header Title -->
-    <div class="collapse-title text-4xl font-medium">Full Network Overview</div>
+    <div class="collapse-title text-4xl text-center font-medium">
+      Full Network Overview
+    </div>
 
     <!-- Accordion Body Content -->
     <div class="collapse-content">
@@ -270,7 +272,7 @@
     <input type="checkbox" checked={true} />
 
     <!-- Accordion Header Title -->
-    <div class="collapse-title text-4xl font-medium">
+    <div class="collapse-title text-4xl text-center font-medium">
       Explore Country Level Relationships
     </div>
 
@@ -422,62 +424,67 @@
     <input type="checkbox" checked={true} />
 
     <!-- Accordion Header Title -->
-    <div class="collapse-title text-4xl font-medium">Main findings</div>
+    <div class="collapse-title text-4xl text-center font-medium">
+      Main findings
+    </div>
 
     <!-- Accordion Body Content -->
     <div class="collapse-content">
-      <div class="flex gap-4">
+      <div class="justify-center flex">
+        <div class="flex gap-4 max-w-7xl">
           <section class="flex-2/3 flex flex-col gap-2">
             <div>
               Our analysis suggests that diplomatic attention in UN speeches is
-            unevenly distributed across countries. A smaller number of countries
+              unevenly distributed across countries. A smaller number of
-            appear much more frequently in international discourse, while many
+              countries appear much more frequently in international discourse,
-            others are mentioned less often. In the network, countries such as
+              while many others are mentioned less often. In the network,
-            the United States, China, and Russia stand out as especially visible
+              countries such as the United States, China, and Russia stand out
-            actors, which suggests that global political attention is
+              as especially visible actors, which suggests that global political
-            concentrated around a limited set of highly prominent states.
+              attention is concentrated around a limited set of highly prominent
+              states.
             </div>
             <div>
               The country level graphs also show that diplomatic attention is
               directional rather than balanced. Some countries appear to direct
-            attention broadly toward many others, while some are more prominent
+              attention broadly toward many others, while some are more
-            as targets of discussion. For example, the United States appears as
+              prominent as targets of discussion. For example, the United States
-            a country with broad outgoing attention, while China and Russia also
+              appears as a country with broad outgoing attention, while China
-            emerge as major targets of incoming attention from other countries.
+              and Russia also emerge as major targets of incoming attention from
-            This shows that centrality in the network can reflect different
+              other countries. This shows that centrality in the network can
-            roles: a country may be highly active in talking about others,
+              reflect different roles: a country may be highly active in talking
-            highly visible as a topic of discussion, or both.
+              about others, highly visible as a topic of discussion, or both.
             </div>
             <div>
-            Another important pattern is that international political discourse
+              Another important pattern is that international political
-            is not purely positive or purely negative. The sentiment based
+              discourse is not purely positive or purely negative. The sentiment
-            graphs suggest that the same country can receive both supportive and
+              based graphs suggest that the same country can receive both
-            critical references depending on who is speaking and in what
+              supportive and critical references depending on who is speaking
-            context. This is especially visible for countries like the United
+              and in what context. This is especially visible for countries like
-            States, China, and Russia, which appear in a mix of positive and
+              the United States, China, and Russia, which appear in a mix of
-            negative relationships rather than fitting into a single simple
+              positive and negative relationships rather than fitting into a
-            category. This highlights the complexity of diplomatic language,
+              single simple category. This highlights the complexity of
-            where cooperation, criticism, and strategic concern can exist at the
+              diplomatic language, where cooperation, criticism, and strategic
-            same time.
+              concern can exist at the same time.
             </div>
             <div class="py-2"></div>
             <div>
               The filtered graphs also make it easier to compare large, globally
-            central actors with smaller or more selective ones. For example, the
+              central actors with smaller or more selective ones. For example,
-            Vatican appears much less densely connected than countries such as
+              the Vatican appears much less densely connected than countries
-            the United States, China, or Russia. This suggests a more selective
+              such as the United States, China, or Russia. This suggests a more
-            pattern of diplomatic attention, where some actors are present in
+              selective pattern of diplomatic attention, where some actors are
-            the network but do not occupy the same broad, central role as major
+              present in the network but do not occupy the same broad, central
-            geopolitical powers.
+              role as major geopolitical powers.
             </div>
             <div>
-            Taken together, these findings suggest that UN speeches reveal more
+              Taken together, these findings suggest that UN speeches reveal
-            than isolated political statements. They reflect a larger structure
+              more than isolated political statements. They reflect a larger
-            of global diplomatic attention in which a small number of countries
+              structure of global diplomatic attention in which a small number
-            occupy especially central positions, while others appear in more
+              of countries occupy especially central positions, while others
-            limited or specialized ways. By combining mention frequency with
+              appear in more limited or specialized ways. By combining mention
-            positive and negative framing, the network provides a more nuanced
+              frequency with positive and negative framing, the network provides
-            picture of how countries are represented in international discourse.
+              a more nuanced picture of how countries are represented in
+              international discourse.
             </div>
           </section>
 
@@ -516,6 +523,7 @@
         </div>
       </div>
     </div>
+  </div>
 
   <div class="flex justify-center w-full">
     <div class="flex flex-col">