.header{background-color:#29292e;height:8rem;padding:2rem;font-size:2.5rem;display:flex;justify-content:center;align-items:center}.header h1{color:#fff;letter-spacing:.2rem}.comment-area{width:100%;height:9rem;padding:1rem;resize:none;border:0;border-radius:.8rem;background-color:#121214;color:#c4c4cc;outline-color:#00b37e;line-height:1.4}.comment{margin-top:2.5rem;display:flex;gap:1rem}.comment img{width:6rem;height:6rem;border-radius:.8rem}.comment-box{background-color:#323238;padding:1rem;border-radius:.8rem}.comment-box header{display:flex;justify-content:space-between;align-items:center}.comment-box header strong{font-size:1.2rem;color:#c4c4cc}.comment-box header span{color:#f75a68;cursor:pointer}.comment-box p{color:#c4c4cc;font-size:1.3rem}.comment-content{width:100%}.comment-content footer{margin-top:1.5rem;display:flex;align-items:center;gap:1.5rem}.comment-content footer button{background-color:transparent;border:none;color:#8d8d99;display:flex;justify-content:center;align-items:center;cursor:pointer}.comment-content footer button svg{margin-right:.5rem}.reply-content .reply-footer{display:flex;justify-content:space-between;align-items:center}.reply-content .reply-footer .cancel-reply{background-color:transparent;border:none}.comment-replys{margin-left:5rem}.post{background-color:#29292e;border-radius:.8rem;padding:2rem}.post .author{display:flex;align-items:center;gap:1rem}.post .author img{width:6.5rem;height:6.5rem;border-radius:.8rem}.post .author .author-info{display:flex;flex-direction:column}.post .author .author-info strong{color:#fff;font-size:1.4rem}.post .author .author-info .role{color:#8d8d99;font-size:1.2rem}.content{margin-top:2rem;padding-bottom:2rem;border-bottom:.1rem solid #323238}.content p{color:#fff;margin-bottom:1rem;font-size:1.4rem}.content span{color:#00b37e;font-weight:700;font-size:1.4rem}.add-comment-btn{margin-top:1.5rem}aside{width:100%;border-radius:1rem;background-color:#29292e;overflow:hidden}aside .banner{width:100%;height:7.2rem;object-fit:cover}aside .profile{display:flex;flex-direction:column;align-items:center}aside .profile img{width:6rem;height:6rem;border-radius:.8rem;margin-top:-10%;border:.2rem solid #00875f;padding:.1rem}aside .profile strong{font-size:1.4rem;color:#fff;margin-top:1rem}aside .profile span{font-size:1.2rem;color:#8d8d99}aside footer{margin-top:2rem;border-top:.1rem solid #8d8d99;padding:2rem}aside footer a{text-decoration:none;display:flex;align-items:center;justify-content:center;gap:1rem;border:.1rem solid #00875f;color:#00b37e;padding:1.5rem;border-radius:.8rem;font-size:1.4rem;font-weight:700}*{padding:0;margin:0;box-sizing:border-box;font-family:Poppins,sans-serif}html{font-size:62.5%}body{background-color:#121214}.app{max-width:90rem;margin:5rem auto;display:grid;grid-template-columns:25.6rem 1fr;gap:2rem;align-items:flex-start}@media (max-width: 768px){.app{grid-template-columns:1fr;padding:0 2%}}form{margin-top:2rem}form button[type=submit]{background-color:#00875f;color:#fff;border:none;border-radius:.8rem;padding:1rem;width:10rem;font-weight:700;cursor:pointer;transition:background-color .2s ease}form button[type=submit]:hover{background-color:#00b37e}