.navbar{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background-color:#17191f}.navbar h2 a{opacity:1}.navbar ul{display:flex;gap:1rem}.new-btn{font-weight:700;border:1px solid #fff;padding:.5rem 1rem;border-radius:1rem}.container{max-width:1000px;margin:2rem auto;padding:0 2rem}*{margin:0;padding:0;font-family:Blinker}body{background-color:#0e1217;color:#fff}ul{list-style:none}a{text-decoration:none;color:#fff;opacity:.7;transition:.3s}a:hover{opacity:1}p{color:#a9abb3}.home h1{text-transform:uppercase;text-align:center;margin-bottom:1.5rem}.post{display:flex;flex-direction:column;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #777}.post h2,.post p{margin-bottom:1rem}.post h2:first-letter{text-transform:uppercase}.btn{background-color:#fff;color:#0e1217;border:1px solid #fff;opacity:1;padding:.5rem 1rem;border-radius:1rem;max-width:100px;text-align:center;cursor:pointer;transition:.3s}.btn:hover{color:#fff;background-color:#0e1217}.new-post h2{text-align:center;margin-bottom:1rem}form{max-width:500px;width:100%;margin:0 auto}.form-control{display:flex;flex-direction:column;margin-bottom:1rem}.form-control label{margin-bottom:.5rem}.form-control input,.form-control textarea{padding:.5rem;border-radius:5px;border:none}.post-container h2{text-align:center}.post-container .post{border:none}.admin h1{text-align:center;margin-bottom:2rem}.action{display:flex;gap:1rem}.edit-btn,.delete-btn{font-size:1rem;color:#fff}.edit-btn{background-color:#13c9e9}.delete-btn{background-color:#eb1717}