body{background-color:#000;color:#e0e0e0;font-family:Arial,sans-serif}h1,h2,h3{color:#fff}a{color:#bb86fc;text-decoration:none}a:hover{color:#3700b3;text-decoration:underline}button{background-color:#3700b3;color:#fff;border:none;padding:10px 15px;margin:5px;cursor:pointer;border-radius:4px;transition:background-color .3s ease}button:hover{background-color:#6200ee}button.active{background-color:#bb86fc;color:#000}.post-card{background-color:#121212;border:1px solid #333333;padding:20px;margin-bottom:20px;border-radius:8px;box-shadow:0 4px 6px #0000001a}.container{max-width:800px;margin:0 auto;padding:20px}.category-filter{margin-bottom:20px}.category-filter h3{margin-bottom:10px}body{font-family:Arial,sans-serif;line-height:1.6;margin:0;padding:0}.App{display:flex;flex-direction:column;min-height:100vh}header{background-color:#333;color:#fff;padding:1rem}header nav ul{list-style-type:none;padding:0}header nav ul li{display:inline;margin-right:1rem}header nav ul li a{color:#fff;text-decoration:none}main{flex:1;padding:2rem}footer{background-color:#333;color:#fff;text-align:center;padding:1rem}.blog-list article{margin-bottom:2rem}.blog-post{max-width:800px;margin:0 auto}