Adjust page width and center content

Author: AlessandroDani

index.html

@@ -141,9 +141,9 @@ <h1 class="select-none">Automata Simulation</h1>
       </div>
     </div>
 
-    <main class="leading-7 container mx-auto">
+    <main class="leading-7 container mx-auto max-w-screen-lg">
       <div class="my-10" id="how-to-use">
-        <h2 class="text-2xl font-bold mb-2">About</h2>
+        <h2 class="text-2xl font-bold mb-2 text-center">About</h2>
 
         <p>
           This open-source software provides users with the ability to create,
@@ -173,7 +173,7 @@ <h2 class="text-2xl font-bold mb-2">About</h2>
       </div>
 
       <div class="my-10">
-        <h2 class="text-2xl font-bold mb-2">ToDo</h2>
+        <h2 class="text-2xl font-bold mb-2 text-center">ToDo</h2>
 
         <ul class="ml-2">
           <li>
@@ -195,7 +195,7 @@ <h2 class="text-2xl font-bold mb-2">ToDo</h2>
       </div>
 
       <div class="my-10">
-        <h3 class="text-2xl font-bold mb-2">Collaborate</h3>
+        <h3 class="text-2xl font-bold mb-2 text-center">Collaborate</h3>
 
         <p class="mb-4">
           Thank you for considering contributing to our project! We welcome