diff --git a/Logo.png b/Logo.png
new file mode 100644
index 0000000..81831c1
Binary files /dev/null and b/Logo.png differ
diff --git a/index.html b/index.html
index 6a471fc..1f46eab 100644
--- a/index.html
+++ b/index.html
@@ -28,7 +28,11 @@
 <body>
     <nav class="top-nav">
         <div class="nav-content">
-            <h1>Awesome Nostr.net</h1>
+            <h1>
+                <div class="logo-container">
+                    <img src="Logo.png" alt="Nostr.net Logo" class="nav-logo">
+                </div>
+            </h1>
             <div class="search-box">
                 <input type="text" id="search" placeholder="Search resources...">
                 <i class="fas fa-search"></i>
diff --git a/styles.css b/styles.css
index 350fbfb..2f35f97 100644
--- a/styles.css
+++ b/styles.css
@@ -560,4 +560,32 @@ button:focus {
     color: var(--primary-color);
     text-decoration: none;
     transition: color 0.2s ease;
+}
+
+.logo-container {
+    height: 50px;
+    width: 200px; /* Adjust this value to your preferred width */
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    overflow: hidden;
+}
+
+.nav-logo {
+    height: 100%;
+    width: 100%;
+    object-fit: cover; /* This will maintain aspect ratio while fitting within the container */
+}
+
+/* Adjust container size for mobile */
+@media (max-width: 768px) {
+    .logo-container {
+        height: 40px;
+        width: 160px; /* Proportionally smaller for mobile */
+    }
+    
+    .nav-content h1 {
+        width: auto;
+        text-align: left;
+    }
 } 
\ No newline at end of file
