From f7b8a1523d76688b13fd01ba9fb7797832f29b42 Mon Sep 17 00:00:00 2001
From: mhrooz <cxyoz@outlook.com>
Date: Wed, 22 May 2024 16:54:19 +0200
Subject: [PATCH] add some css codes

---
 index.html | 15 +++++++++++----
 style.css  | 20 ++++++++++++++++++++
 2 files changed, 31 insertions(+), 4 deletions(-)
diff --git a/index.html b/index.html
index 9e7aa1f..d4950de 100644
--- a/index.html
+++ b/index.html
@@ -3,13 +3,20 @@
 <html lang="en">
 <head>
     <title>Home</title>
-    <link rel="stylesheet" href="style.css">
+    <link rel="stylesheet" href="./style.css">
 </head>
 
 <body>
     <!-- Header -->
-    <div class="badge">
-        <i class="icon">🔔</i>
-        <a href="index.html">Home</a>
+    <div class="container">
+        <div class="badge">
+            <span class="left-span">
+                <i class="icon">🔔</i>
+            </span>
+            <span class="right-span">
+                <a href="index.html" class="link">Home</a>
+                <a href="explore.html" class="link">Explore</a>
+            </span>
+        </div>
     </div>
 </body>
\ No newline at end of file
diff --git a/style.css b/style.css
index b807310..2e509fb 100644
--- a/style.css
+++ b/style.css
@@ -1,3 +1,23 @@
 body{
     background-color: #171717;
+}
+.badge{
+    color: #a3a3a3;
+    font: 18px 'Roboto', sans-serif;
+}
+.container{
+    display: flex;
+    max-width: 750px;
+    padding: 0 1rem;
+}
+.left-span{
+    flex: 1;
+}
+.right-span{
+    flex: 1;
+    text-align: right;
+}
+.link{
+    color: #a3a3a3;
+    text-decoration: none;
 }
\ No newline at end of file
