*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}body{background-color:#1e1e1e;color:#f5f5f5;margin:0;padding:0;line-height:1.6}a{color:#3498db;text-decoration:none}a:hover{color:#e74c3c}header{display:flex;justify-content:space-between;align-items:center;padding:20px}.desktop-menu{display:flex}.desktop-menu ul{display:flex;list-style-type:none;margin:0;padding:0}.desktop-menu ul li{margin:0 15px}.desktop-menu ul li a{text-decoration:none;color:#676565}#mobileMenu,#overlay{display:none}#mobileMenu{position:absolute;top:60px;right:20px;background-color:#fff;width:200px;box-shadow:0 4px 8px rgba(0,0,0,.2);border-radius:5px;z-index:10}#mobileMenu ul{list-style-type:none;margin:0;padding:0}#mobileMenu ul li{padding:15px 20px}#mobileMenu ul li a{text-decoration:none;color:#807e7e}#overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.5);z-index:5}.menu-icon{display:none;cursor:pointer;flex-direction:column;gap:5px}.menu-icon .bar{width:25px;height:3px;background-color:#333;border-radius:2px}@media (max-width:768px){.desktop-menu{display:none}.menu-icon{display:flex}#mobileMenu.active,#overlay.active{display:block}}nav{flex-grow:1;display:flex;justify-content:center}.logo{font-size:24px;font-weight:700}nav ul{list-style:none;display:flex;padding:0;margin:0}nav ul li{margin:0 20px}nav ul li a{text-decoration:none;color:#000;font-size:16px}.join-btn{padding:10px 20px;border:2px solid #000;border-radius:20px;text-decoration:none;color:#000;font-size:16px}.hero{height:60vh;background:url(../images/nerf-blasters-munitions.webp) no-repeat center center/cover;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff}.hero h1{font-size:48px;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.hero p{font-size:18px;width:50%;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.latest-articles{text-align:left;padding:50px 20px;background-color:#1e1e1e;color:#f5f5f5}.latest-articles h2{font-size:36px;margin-bottom:10px}.latest-articles p{font-size:18px;margin-bottom:40px}.articles-container{display:flex;justify-content:space-between;gap:20px;flex-wrap:nowrap}.article{background-color:#fff;border-radius:10px;padding:20px;width:calc(33.333% - 20px);box-shadow:0 4px 8px rgba(0,0,0,.1);text-align:left}.article img{width:100%;border-radius:10px}.article h3{font-size:24px;margin-top:15px}.article p{font-size:16px;margin:15px 0}.read-more{text-decoration:none;color:#fff;background-color:#007bff;padding:10px 15px;border-radius:5px;display:inline-block;margin-bottom:20px}.blog-posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:40px}.blog-post{background-color:#f9f9f9;border-radius:8px;padding:20px;box-shadow:0 2px 5px rgba(0,0,0,.1);transition:transform .3s ease}.blog-post:hover{transform:translateY(-5px)}.blog-post h2{font-size:1.5rem;font-weight:700;color:#333}.blog-post h2 a{text-decoration:none;color:inherit}.blog-post p{color:#666;font-size:1rem;margin-top:10px}.blog-post .read-more{display:inline-block;margin-top:10px;padding:8px 15px;background-color:#007bff;color:#fff;text-decoration:none;border-radius:4px}.blog-post .read-more:hover{background-color:#0056b3}@media (max-width:768px){nav ul{flex-direction:column;align-items:center}.join-btn{margin-top:10px}.hero h1{font-size:28px}.articles-container{flex-direction:column;align-items:center}.article{width:90%;margin-bottom:20px}}.article,.articles-container,.hero-section{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}img{max-width:100%;height:auto}.article-content{max-width:800px;margin:50px auto}.article-content h1{font-size:36px;margin-bottom:20px}.article-content p{font-size:18px;margin-bottom:20px}.article-image{width:50%;max-width:300px;height:auto;margin:20px auto;display:block;border-radius:8px}footer{background-color:#2c2c2c;color:#fff;padding:40px 0}.footer-container{display:flex;flex-wrap:wrap;max-width:1000px;margin:0 auto;padding:0 20px;gap:60px}.footer-section{flex:1;min-width:250px}.footer-section h2{font-size:18px;margin-bottom:10px}.footer-section a,.footer-section p,.footer-section ul{font-size:14px;color:#ccc;line-height:1.6}.footer-section a{text-decoration:none;color:#ccc}.footer-section a:hover{color:#fff}.footer-section ul{list-style-type:none;padding:0}.footer-bottom{text-align:center;font-size:12px;margin-top:20px;border-top:1px solid #444;padding-top:20px}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;padding:20px}.article-card{overflow:hidden;transition:transform .2s ease-in-out;justify-content:space-between;flex-direction:column;display:flex;background-color:#2b2b2b;border-radius:8px;padding:20px;box-shadow:0 4px 8px rgba(0,0,0,.5)}.article-card:hover{transform:translateY(-5px)}.article-image{width:100%;height:200px;object-fit:cover}.article-details{padding:15px;color:#fff}.article-details h3{font-size:1.25rem;margin-bottom:10px}.article-details p{font-size:.9rem;margin-bottom:15px}.article-meta{font-size:.8rem;color:#888}.read-more{color:#fff;background-color:#3498db;padding:10px 20px;border-radius:5px;text-decoration:none;transition:background-color .3s ease,color .3s ease}.read-more:hover{background-color:#e74c3c;color:#fff}#load-more{background-color:#333;color:#fff;border:none}.load-more-btn{display:block;margin:20px auto;padding:10px 20px;background-color:#3498db;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.load-more-btn:hover{background-color:#2980b9}.search-header{display:flex;position:absolute;justify-content:center;align-items:center;background-color:#1e1e1e;padding:15px;top:10px;right:10px;padding:10px 20px}.search-form{display:flex;align-items:center;border:1px solid #2c2c2c;border-radius:5px;overflow:hidden}.search-input{padding:10px;font-size:16px;border:none;outline:0;color:#fff;background-color:#1e1e1e;width:250px}.search-input::placeholder{color:#888}.search-button{background-color:#2b2a2a;border:none;color:#fff;cursor:pointer;padding:10px;font-size:16px;transition:background-color .3s ease}.search-button:hover{background-color:#2980b9}.tag-container{text-align:left;max-width:600px;background-color:#1e1e1e;padding:20px;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.3)}.tag-title{font-size:1.5rem;color:#ff6b6b;margin-bottom:15px}.tags{display:flex;flex-wrap:wrap;gap:10px}.tag{background-color:#282828;padding:10px 15px;font-size:.9rem;color:#fff;border-radius:20px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.tag:hover{background-color:#ff6b6b;transform:scale(1.05)}