frontend: remove error causing hx-boost attribute on form and make title responsive and centered

templates/header.html

@@ -38,14 +38,17 @@
   <div class="tile is-ancestor">
     <div class="tile is-parent">
       <section class="tile is-child hero box is-widescreen">
-        <div class="hero-body">
+        <div class="hero-body is-flex is-justify-content-center is-align-items-center">
           <div class="container has-text-centered">
             <div class="hero-background">
               <img src="/images/images/banner.jpg" alt="Dungeons-and-Dragons-Banner">
             </div>
-            <p class="title">
-              Dungeons and Dragons Monster Generator
-            </p>
+            <div class="hero-content is-overlay">
+              <p class="title is-size-5-mobile is-size-1-desktop"
+                style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);">
+                Dungeons and Dragons Monster Generator
+              </p>
+            </div>
           </div>
         </div>
       </section>

templates/main.html

@@ -6,7 +6,7 @@
         <p class="title is-4">Monster Form</p>
       </div>
       <div class="content">
-        <form hx-boost="true" action="/submit" method="post" class="">
+        <form action="/submit" method="post" class="">
           <div class="field">
             <td><label for="filename">Filename:</label></td>
             <div class="control"><input type="text" name="filename" required placeholder="Dateiname"