body{background-color:#06c;color:#fff;font-family:comic sans ms,courier new,monospace;line-height:1.6;margin:0;padding:0}main{max-width:960px;margin:0 auto;padding:20px;background-color:#fff;color:#000;border:5px solid red;box-shadow:10px 10px #FFD700}header{background-color:gold;border-bottom:5px dashed #f9c;padding:10px 0;text-align:center}header h1{font-family:inherit;color:red;text-shadow:3px 3px #06c;margin:0 0 10px;font-size:3rem;letter-spacing:2px}nav ul{list-style:none;padding:0;margin:0;display:flex;justify-content:center;gap:20px;flex-wrap:nowrap}nav ul li a{background-color:#06c;color:#fff;padding:5px 15px;text-decoration:none;font-weight:700;border:2px outset #06c}nav ul li a:hover,nav ul li a.active{background-color:#f9c;color:#000;border:2px inset #f9c}.home-layout{display:grid;grid-template-columns:1fr 2fr;gap:30px;margin-top:20px}.sidebar-left{background-color:#f9c;padding:15px;border:3px dotted red}.sidebar-left h1,.sidebar-left h2{color:#06c;text-decoration:underline}.post-list{display:flex;flex-direction:column;gap:20px}.post-summary{background-color:#ffc;border:2px solid #06c;padding:15px}.post-summary h2{margin-top:0}.post-summary h2 a{color:red;text-decoration:underline}.post-summary h2 a:hover{background-color:gold;color:#000}footer{text-align:center;background-color:#06c;color:#fff;border-top:5px solid gold;padding:15px;margin-top:30px;font-size:.9rem}a{color:#06c;text-decoration:underline}a:hover{color:red}@media(max-width:768px){nav ul{flex-wrap:wrap}.home-layout{grid-template-columns:1fr}}