*{font-family:Blinker,sans-serif;margin:0;padding:0;box-sizing:border-box}body{background-color:#0e1217;color:#fff}a{text-decoration:none;color:#fff;opacity:.7;transition:.3s}a:hover{opacity:1}li{list-style:none}p{color:#a9abb3}.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}.navbar .new-btn{font-weight:700;border:1px solid #fff;padding:.5rem 1rem;border-radius:1rem;opacity:1}.footer-container{background-color:#17191f;padding:1em;text-align:center}.footer-container .social-list-ul{display:flex;justify-content:center}.footer-container .link-a{margin:0 1em;font-size:1.5em;transition:.3s ease-in-out}.footer-container .link-a:hover{cursor:pointer}header{position:fixed;top:0;left:0;width:100%;z-index:1000}footer{position:fixed;bottom:0;left:0;width:100%;z-index:1000}.main-container{max-width:1000px;width:100%;margin:10px auto;padding:0 2rem;padding-bottom:27px}.home-container h1{text-transform:uppercase;text-align:center;margin-bottom:1.5rem}.home-container .post{display:flex;flex-direction:column;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #777}.home-container .post h2,.home-container .post p{margin-bottom:1rem}.home-container .post h2:first-letter{text-transform:uppercase}.home-container .btn{background-color:#fff;color:#0e1217;border:1px solid #fff;opacity:1;padding:.5rem 1rem;border-radius:1rem;max-width:100px;text-align:center;transition:.3s}.home-container .btn:hover{cursor:pointer;color:#fff;background-color:transparent}.new-post h2{text-align:center;margin-bottom:1rem}.new-post form{max-width:500px;width:100%;margin:0 auto}.new-post .form-control{display:flex;flex-direction:column;margin-bottom:1rem}.new-post .form-control label{margin-bottom:.5rem}.new-post .form-control input,.new-post .form-control textarea{padding:.5rem;border-radius:5px;border:none}.new-post .form-control textarea{resize:none}.new-post .btn{background-color:#fff;color:#0e1217;border:1px solid #fff;opacity:1;padding:.5rem 1rem;border-radius:1rem;max-width:100px;text-align:center;transition:.3s}.new-post .btn:hover{cursor:pointer;color:#fff;background-color:transparent}.post-container{max-width:800px;margin:0 auto;padding:2rem}.post-container h1{text-transform:uppercase;margin-bottom:1rem}.post-container p{font-size:1.1rem;line-height:1.6}