@@ -11,9 +11,8 @@
     <link rel="icon" type="image/jpeg" href="/profileIcon_g3ffyg7edeeg1.jpeg">
     <style>
         :root { --bg-body: #050505; --bg-nav: rgba(5, 5, 5, 0.85); --bg-card: #111; --text-main: #f8fafc; --text-muted: #94a3b8; --border-color: rgba(255, 255, 255, 0.1); --accent-blue: #3b82f6; --radius: 12px; }
-        body { font-family: 'Inter', sans-serif; background: var(--bg-body); color: var(--text-main); margin: 0; line-height: 1.6; }
+        body { font-family: 'Inter', sans-serif; background: var(--bg-body) url('/background.png') no-repeat center center fixed; background-size: cover; color: var(--text-main); margin: 0; line-height: 1.6; }
 
-        /* IDENTYCZNY NAVBAR */
         .navbar { position: sticky; top: 0; z-index: 100; background: var(--bg-nav); backdrop-filter: blur(15px); border-bottom: 1px solid var(--border-color); padding: 15px 40px; display: flex; align-items: center; justify-content: space-between; }
         .nav-left { flex: 1; display: flex; justify-content: flex-start; }
         .nav-brand { font-size: 1.5rem; font-weight: 800; text-decoration: none; color: var(--text-main); letter-spacing: -0.5px; }
@@ -30,7 +29,7 @@
         .dropdown-content a { color: var(--text-main) !important; padding: 12px 20px; text-decoration: none; display: flex; justify-content: space-between; font-size: 0.9rem; font-weight: 600; border-bottom: 1px solid var(--border-color); transition: background 0.2s; }
         .dropdown-content a:hover { background: rgba(255,255,255,0.1); padding-left: 25px; }
 
-        .container { max-width: 900px; margin: 40px auto; padding: 0 20px; min-height: 60vh; }
+        .container { max-width: 900px; margin: 40px auto; padding: 0 20px; min-height: 60vh; background: rgba(5,5,5,0.7); backdrop-filter: blur(10px); border-radius: 12px; border: 1px solid var(--border-color); padding-top: 20px; padding-bottom: 20px;}
         .post-item { background: var(--bg-card); border: 1px solid var(--border-color); border-radius: var(--radius); padding: 25px; margin-bottom: 20px; transition: 0.2s; border-left: 4px solid var(--accent-blue); }
         .post-item:hover { border-color: var(--accent-blue); transform: translateY(-3px); }
         .post-title a { color: var(--text-main); text-decoration: none; font-size: 1.4rem; font-weight: 700; }
@@ -66,12 +65,6 @@
     <main class="container">
         <h1 style="border-bottom: 2px solid var(--border-color); padding-bottom: 10px;">Articles & Research</h1>
         <ul style="list-style: none; padding: 0;">
-            
-            <li class="post-item">
-                <div style="font-size: 0.9rem; color: var(--text-muted);">March 2024</div>
-                <h2 class="post-title"><a href="#">Welcome to DevLab Blog</a></h2>
-                <p style="color: #cbd5e1;">Pamiętaj, aby zmienić datę w nazwie swoich wpisów Markdown (np. na 2024 zamiast 2026), żeby Jekyll mógł je poprawnie odczytać!</p>
-            </li>
 
             {% for post in site.posts %}
             <li class="post-item">