Renamed title and added better navbar. Added free cookie distribution.

style.css

@@ -18,14 +18,6 @@ a:hover {
     text-decoration: underline;
 }
 
-nav {
-    margin: 1rem auto;
-    padding: 0 1rem;
-    max-width: 800px;
-    width: 100%;
-}
-
-
 main {
     flex: 1;
     max-width: 800px;
@@ -45,3 +37,29 @@ footer {
     text-align: center;
     padding: 1rem 0;
 }
+
+nav {
+    background-color: #222; /* dunkler Hintergrund */
+    padding: 1rem 0;
+}
+
+.navbar {
+    display: flex;               /* macht die <li> nebeneinander */
+    list-style: none;            /* entfernt die Punkte */
+    padding: 0;
+    margin: 0;
+    gap: 2rem;                   /* Abstand zwischen Links */
+}
+
+.navbar li a {
+    text-decoration: none;
+    color: white;
+    padding: 0.5rem 1rem;        /* größerer Klickbereich */
+    transition: 0.2s;
+}
+
+.navbar li a:hover {
+    background-color: rgba(255, 255, 255, 0.1);
+    border-radius: 8px;
+}
+