.menu{background:#CC99CC;border:1px none #afafaf;padding:2px;margin:2px;color:#ffffff;font-weight:normal;}*{margin:0;padding:0;box-sizing:border-box;}body{font-family:Arial, sans-serif;background-color:#111;color:#f5f5f5;line-height:1.5;font-size:16px;}.header{background-color:#000;color:#0f0;text-align:center;padding:12px 0;font-size:22px;font-weight:bold;font-family:monospace;letter-spacing:1px;border-bottom:2px solid #0f0;}.nav{display:flex;justify-content:center;background-color:#111;padding:10px 0;border-bottom:1px solid #333;}.nav a{color:#0f0;text-decoration:none;padding:5px 12px;margin:0 5px;border:1px solid #0f0;border-radius:4px;transition:all 0.2s;font-size:14px;}.nav a:hover{background-color:#0f0;color:#000;}.box{background-color:#222;margin:10px;padding:12px;border-radius:6px;border:1px solid #333;}.box-title{font-weight:bold;margin-bottom:6px;font-size:16px;color:#0f0;}.post{background-color:#333;padding:10px;margin-bottom:10px;border-radius:6px;border:1px solid #444;}.post-title{font-weight:bold;font-size:16px;color:#0f0;margin-bottom:5px;}.post-content{font-size:14px;color:#eee;}.btn{display:inline-block;padding:6px 12px;font-size:14px;font-weight:bold;color:#0f0;background-color:#111;border:1px solid #0f0;border-radius:4px;text-decoration:none;transition:all 0.2s;}.btn:hover{background-color:#0f0;color:#000;}.footer{text-align:center;padding:10px 0;font-size:12px;color:#888;border-top:1px solid #333;margin-top:20px;}@media screen and (max-width:600px){body{font-size:14px;}.nav{flex-direction:column;gap:5px;}.nav a{margin:3px 0;}}