*{margin:0;padding:0;box-sizing:border-box}body{min-height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;background:linear-gradient(to right bottom, rgb(194, 105, 51), rgb(206, 49, 49)) no-repeat center;display:flex;justify-content:center;align-items:center}.posts_container,.selected_post,.create_post{margin-top:50px;margin-bottom:50px;background-color:#ddd;padding:50px;border-radius:8px;width:700px;min-height:800px}.posts_container header,.selected_post header,.create_post header{display:flex;justify-content:space-between;align-items:center}.posts_container header h2,.selected_post header h2,.create_post header h2{font-size:34px}.posts_container header button,.selected_post header button,.create_post header button{font-size:22px;color:#fff;cursor:pointer;padding:7px 12px;border:2px solid #107718;background-color:#149e1f}.posts_container .posts,.selected_post .posts,.create_post .posts{display:flex;flex-direction:column;gap:20px;justify-content:center;align-items:center;margin:50px auto 20px;width:100%}.posts_container .posts .post,.selected_post .posts .post,.create_post .posts .post{display:flex;justify-content:space-between;align-items:center;width:100%;height:80px;border:3px solid #333;padding:10px 20px;cursor:pointer}.posts_container .posts .post h3,.selected_post .posts .post h3,.create_post .posts .post h3{font-size:21px}.posts_container .posts .post button,.selected_post .posts .post button,.create_post .posts .post button{border:none;background-color:inherit;font-size:35px;color:#d11212;font-weight:bolder;cursor:pointer}.posts_container .posts p,.selected_post .posts p,.create_post .posts p{font-size:24px}.loader{display:none;border:5px solid #f3f3f3;border-top:5px solid #ce3131;border-radius:50%;width:40px;height:40px;animation:spin 2s linear infinite;margin-top:50px}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.hidden{display:none}.selected_post .go_back{font-size:28px;margin-top:30px;padding:0px 20px;padding-bottom:3px;cursor:pointer;color:#fff;border:2px solid #9a5328;background-color:#c26933}.selected_post .post_data{padding:0px 50px}.selected_post .post_data h3{width:100%;font-size:26px;margin-top:50px;margin-bottom:20px}.selected_post .post_data div{display:flex;align-items:center;justify-content:center;margin:auto;width:100%;height:250px;padding:20px;outline:none;border:3px solid #333;background-color:#eee}.selected_post .post_data div p{font-size:20px;color:#333}.selected_post .comments{display:flex;flex-direction:column;padding:0px 90px;margin-top:50px}.selected_post .comments h3{font-size:26px}.selected_post .comments .comments_container{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:25px}.selected_post .comments .comments_container .comment{margin-bottom:15px;border:3px solid #333}.selected_post .comments .comments_container .comment .comment_title{background-color:#3497e7;padding:5px 15px}.selected_post .comments .comments_container .comment .comment_title p{font-size:18px}.selected_post .comments .comments_container .comment h4{background-color:#eee;padding:15px}.create_post{min-height:550px}.create_post .forms_container{display:flex;flex-direction:column;gap:35px;align-items:center;margin-top:40px}.create_post .forms_container .form_title,.create_post .forms_container .form_text{display:flex;gap:25px;font-size:24px;width:100%;padding:0px 30px}.create_post .forms_container .form_title input,.create_post .forms_container .form_text input{border:3px solid #333;outline:none;padding:5px;font-size:22px;color:#333}.create_post .forms_container .form_title textarea,.create_post .forms_container .form_text textarea{border:3px solid #333;outline:none;padding:5px;font-size:20px;width:100%;height:200px}.create_post .create_buttons{display:flex;justify-content:flex-end;gap:15px;padding:0px 30px;margin-top:40px}.create_post .create_buttons .create_btn{font-size:22px;color:#fff;cursor:pointer;padding:7px 12px;border:2px solid #107718;background-color:#149e1f}.create_post .create_buttons .cancel_btn{font-size:22px;color:#fff;cursor:pointer;padding:7px 12px;border:2px solid #a92211;background-color:#e63720}