Fix Gradient

src/index.html

@@ -36,9 +36,9 @@ limitations under the License.
         <div class="content-background">
             <header class="global-header">
                 <h1>Seekra</h1>
-                <p class="slogan">
+                <span class="slogan">
                     Built to search.
-                </p>
+                </span>
             </header>
 
             <form id="search-form">

src/static/css/main.css

@@ -6,26 +6,33 @@ body {
     background: 
         radial-gradient(ellipse at 40% 60%, rgba(255,255,255,0.55) 0%, transparent 75%),
         linear-gradient(160deg, #c8d8f0, #7aa0d8, #5077C7, #dce8f8);
-    height: 300px;
+    height: 400px;
     display: flex;
     flex-direction: column;
 }
 
 .global-header {
     text-align: center;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    padding-top: 40px; /* ← Abstand nach oben */
 }
 
 .global-header h1 {
     display: inline-block;
-    margin-bottom: 0;
+    margin: 0;
+    padding: 0;
+    line-height: 1;
     background: linear-gradient(to right, #689BDB, #5F8DDC, #5077C7, #4562BE, #374FA5, #22298F);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     background-clip: text;
+    font-size: 6rem;
 }
 
-.slogan{
-    margin-top: 0;
+.slogan {
+    margin: 0;
     font-size: small;
 }
 

src/static/css/nav/navbar/navbar.css

@@ -18,6 +18,10 @@
     color: black;
 }
 
+.global-nav ul a:hover{
+     text-decoration: underline;
+}
+
 .global-nav ul {
     display: flex;
     list-style: none;