Update style.css

style.css

@@ -54,19 +54,49 @@ body {
     align-items: center;
     justify-content: center;
 }
+.top-bar {
+    position: absolute;
+    top: 0;
+    width: 100%;
+    background-color: #444;
+    color: white;
+    text-align: center;
+    padding: 10px;
+    z-index: 10;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+.top-bar h1 {
+    flex: 1;
+    text-align: center;
+}
+.nav-buttons {
+    display: flex;
+    gap: 10px;
+}
+.nav-buttons button {
+    background-color: #666;
+    color: white;
+    border: none;
+    padding: 10px;
+    font-size: 18px;
+    cursor: pointer;
+}
+.nav-buttons button:hover {
+    background-color: #888;
+}
+.main {
+    display: flex;
+    height: 100%;
+}
 .content {
     flex: 1;
     display: flex;
-    flex-direction: column;
     justify-content: center;
     align-items: center;
-    text-align: center;
+    position: relative;
     background-color: #000;
-    gap: 10px;
-}
-.content h1 {
-    font-size: 24px;
-    color: #fff;
 }
 .content img {
     max-width: 100%;