body{font-family:Arial,sans-serif;margin:0;padding:0;background:#000;color:#fff}header{background:#111;padding:1rem}nav{display:flex;justify-content:space-between;align-items:center}.logo{color:#00ff00;font-size:1.5rem}ul{list-style:none;display:flex}li{margin:0 1rem}a{color:#00ff00;text-decoration:none}h1,h2{color:#00ff00}main{max-width:1200px;margin:0 auto;padding:2rem}footer{text-align:center;padding:1rem;background:#111}.intro{text-align:center;margin-bottom:2rem}.latest-posts .post-preview{border:1px solid #333;padding:1rem;margin:1rem 0}.categories{display:flex;flex-wrap:wrap}.categories li{margin:0.5rem}.posts article{margin:1rem 0;padding:1rem;border:1px solid #333}#search{width:100%;padding:0.5rem;margin-bottom:1rem}@media(max-width:768px){nav{flex-direction:column}ul{flex-direction:column;margin-top:1rem}li{margin:0.5rem 0}}