*{box-sizing:border-box;margin:0;padding:0;font-family:sans-serif}body{color:#000;background:#f5f5f5}nav{background:#000;border-radius:20px;justify-content:space-between;align-items:center;padding:10px 30px;display:flex}nav div{align-items:center;gap:10px;display:flex}nav button{color:#1f4e79;cursor:pointer;background:#fff;border:none;border-radius:5px;margin-left:10px;padding:8px 16px;font-weight:700}nav button:hover{color:#fff;background:#daa520}#heading{text-align:center;font-weight:bolder}form{background:#fff;border:.5px solid #000;border-radius:10px;max-width:500px;margin:40px auto;padding:30px;box-shadow:0 2px 8px #0000004d}form label{margin-top:12px;font-weight:700;display:block}form input,form textarea{border:1px solid #ccc;border-radius:5px;width:100%;margin-top:5px;padding:10px;font-size:14px}form button{color:#fff;cursor:pointer;background:#000;border:none;border-radius:5px;margin-top:15px;margin-left:40%;padding:10px 20px}form button:hover{color:#fff;background:#639}.post-card{background:#fff;border-radius:10px;max-width:700px;margin:20px auto;padding:20px;box-shadow:0 2px 8px #0003}.post-card img{object-fit:contain;border-radius:8px;width:100%;max-height:300px}.post-card p{margin:4px 0}button{color:#fff;cursor:pointer;background:#1f4e79;border:none;border-radius:5px;padding:8px 16px}button:hover{color:#fff;background:#daa520}.post{flex-direction:column;padding-left:40%;display:flex}.post button{width:fit-content;margin:auto 5rem}.comments{border-top:1px solid #ddd;flex-direction:column;margin-top:20px;padding-top:15px;padding-left:40%;display:flex}.comments div{color:#f5f5f5;background:#000;border-radius:5px;width:fit-content;margin:8px 0;padding:10px}.post-detail input{border:1px solid #ccc;border-radius:5px;width:40%;margin:20px auto 10px 30%;padding:10px;font-size:14px}#commentButton{margin-left:49%}p{padding:10px}@media (width<=768px){nav{margin:10px 15px;padding:8px 15px}.post-card{max-width:95%;margin:15px auto;padding:15px}form{max-width:90%;margin:20px auto;padding:20px}.post,.comments{padding-left:10%}.post-detail input{width:70%;margin-left:10%}#commentButton,form button{margin-left:35%}}@media (width<=480px){nav{border-radius:10px;flex-wrap:nowrap;justify-content:space-between;width:100%;padding:8px 10px;margin:5px 1px!important}nav button{margin-left:3px;font-size:10px;padding:4px 6px!important}nav img{width:30px!important;height:30px!important}nav{flex-wrap:wrap;justify-content:center;gap:8px}nav div{gap:3px}.post-card{max-width:98%;padding:10px}.post-card img{max-height:200px}form{max-width:95%;margin:15px auto;padding:15px}form button{margin-left:30%}.post{padding-left:5%}.post button{margin:auto 1rem}.comments{padding-left:5%}.post-detail input{width:85%;margin-left:5%}#commentButton{margin-left:30%}button{padding:6px 12px;font-size:13px}}