Update index.css

index.css

@@ -22,6 +22,63 @@ body {
     backdrop-filter: blur(20px);
 }
 
+
+/* Top Toolbar Styles */
+.top-toolbar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    background-color: #000;
+    color: #fff;
+    padding: 10px 20px;
+    position: fixed;
+    top: 0;
+    width: 100%;
+    z-index: 1000;
+    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
+}
+
+.toolbar-left {
+    display: flex;
+    align-items: center;
+}
+
+.toolbar-center {
+    position: absolute;
+    left: 50%; 
+    transform: translateX(-50%);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    gap: 2px; 
+}
+
+.toolbar-logo {
+    height: 30px; 
+    width: auto; 
+    margin: 0 5px; 
+    cursor: pointer;
+}
+
+
+.toolbar-link {
+    color: #fff;
+    text-decoration: none;
+    font-size: 16px;
+    margin-left: 10px;
+}
+
+.toolbar-link:hover {
+    text-decoration: underline;
+}
+
+
+body {
+    padding-top: 60px;
+}
+
+
+
 h1 {
     margin-bottom: 20px;
     font-size: 24px;