@import url(https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600&display=swap);.message,section{max-width:1200px}.message i:hover,.message span,.posts-container .box-container .box .icons :hover,.posts-container .box-container .box .post-admin a:hover,.posts-container .box-container .box .post-cat:hover{color:var(--black)}.empty,.heading{text-transform:capitalize;text-align:center}.header,.message{position:sticky;top:0}.header .flex .profile p,.home-grid .box-container .box p,.posts-container .box-container .box .post-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:root{--main-color:#ce182a;--red:#ce182a;--orange:#ee6b47;--black:#34495e;--white:#fff;--light-bg:#f5f5f5;--light-color:#999;--border:.2rem solid var(--black);--box-shadow:0 .5rem 1rem rgba(0,0,0,.1)}*{font-family:Rubik,sans-serif;margin:0;padding:0;box-sizing:border-box;outline:0;border:none;text-decoration:none}::selection{background-color:var(--main-color);color:var(--white)}::-webkit-scrollbar{height:.5rem;width:1rem}::-webkit-scrollbar-track{background-color:none}::-webkit-scrollbar-thumb{background-color:var(--main-color)}html{font-size:62.5%;overflow-x:hidden;scroll-behavior:smooth;scroll-padding-top:7rem}body{background-color:var(--light-bg);padding-bottom:7rem}section{padding:2rem;margin:0 auto}.btn,.delete-btn,.inline-btn,.inline-delete-btn,.inline-option-btn,.option-btn{margin-top:1rem;border-radius:.5rem;cursor:pointer;font-size:1.8rem;color:var(--white);padding:1.2rem 3rem;text-transform:capitalize;text-align:center}.inline-btn,.inline-delete-btn,.inline-option-btn{display:inline-block;margin-right:1rem}.btn,.delete-btn,.option-btn{display:block;width:100%}.btn,.inline-btn{background-color:var(--main-color)}.delete-btn,.inline-delete-btn{background-color:var(--red)}.inline-option-btn,.option-btn{background-color:var(--orange)}.header .flex .icons div,.header .flex .search-form,.message{background-color:var(--light-bg)}.btn:hover,.delete-btn:hover,.inline-btn:hover,.inline-delete-btn:hover,.inline-option-btn:hover,.option-btn:hover{background-color:var(--black)}.flex-btn{display:flex;gap:1rem}.message{margin:0 auto;padding:2rem;display:flex;align-items:center;gap:1rem;justify-content:space-between}.empty,.header{background-color:var(--white);box-shadow:var(--box-shadow)}.message span{font-size:2rem}.message i{font-size:2.5rem;color:var(--red);cursor:pointer}.empty{border:var(--border);border-radius:.5rem;padding:1.5rem;width:100%;font-size:2rem;color:var(--red)}.heading{margin-bottom:2rem;font-size:4rem;color:var(--black)}.header{border-bottom:var(--border);left:0;right:0;z-index:1000}.header .flex{display:flex;align-items:center;gap:1.5rem;justify-content:space-between;position:relative;padding:1.5rem 2rem}.header .flex .logo{font-size:2.5rem;color:var(--black)}.header .flex .search-form{border:var(--border);border-radius:.5rem;display:flex;gap:2rem;padding:1.5rem 2rem;width:50rem}.header .flex .navbar,.header .flex .profile{position:absolute;top:125%;right:2rem;width:30rem;box-shadow:var(--border);animation:.2s linear fadeIn;display:none;background-color:var(--white)}.header .flex .search-form .box{width:100%;background:0 0;font-size:1.7rem;color:var(--black)}.header .flex .search-form .fa-search{font-size:2rem;cursor:pointer;color:var(--black);background:0 0}.header .flex .icons div{font-size:2rem;color:var(--black);cursor:pointer;margin-left:.5rem;height:4.5rem;width:4.7rem;line-height:4rem;border:var(--border);border-radius:.5rem;text-align:center}.header .flex .icons div:hover,.home-grid .box-container .box .flex-box .links:hover{background-color:var(--black);color:var(--white)}.header .flex .navbar{border:var(--border);border-radius:.5rem}.header .flex .navbar.active,.header .flex .profile.active{display:inline-block}@keyframes fadeIn{0%{transform:translateY(1rem)}}.header .flex .navbar a{display:block;margin:2rem;font-size:2rem;color:var(--black)}.header .flex .navbar a i{margin-right:1rem;color:var(--main-color);transition:.2s linear}.header .flex .navbar a:hover i{margin-right:2rem}.header .flex .profile{border:var(--border);border-radius:.5rem;padding:1.5rem;text-align:center;overflow:hidden}.header .flex .profile p{padding-bottom:.7rem;font-size:2rem;color:var(--light-color)}#search-btn{display:none}.form-container{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 16rem)}.form-container form{background-color:var(--white);border-radius:.5rem;border:var(--border);box-shadow:var(--box-shadow);padding:2rem;text-align:center;width:50rem}.form-container form h3{font-size:2.5rem;color:var(--black);text-transform:uppercase;margin-bottom:1rem}.form-container form p{padding-top:1.5rem;font-size:2rem;color:var(--light-color)}.form-container form p a{color:var(--orange)}.comments-container .add-comment p a:hover,.form-container form p a:hover{text-decoration:underline;color:var(--black)}.form-container form .box{width:100%;background-color:var(--light-bg);padding:1.4rem;color:var(--black);margin:1rem 0;border:var(--border);font-size:1.8rem;border-radius:.5rem}.home-grid .box-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(33rem,1fr));gap:1.5rem;align-items:flex-start}.home-grid .box-container .box,.posts-container .box-container .box{border:var(--border);box-shadow:var(--box-shadow);border-radius:.5rem;background-color:var(--white);padding:2rem;overflow:hidden}.home-grid .box-container .box p{padding-bottom:1rem;font-size:2rem;color:var(--light-color)}.authors .box-container .box p span,.comments-container .add-comment p a,.comments-container .user-comments-container .show-comments .post-title a,.footer span,.home-grid .box-container .box p span{color:var(--main-color)}.home-grid .box-container .box .flex-box{display:flex;flex-wrap:wrap;gap:1rem;padding-top:1rem}.home-grid .box-container .box .flex-box .links{padding:1rem 3rem;border-radius:.5rem;background-color:var(--light-bg);font-size:2rem;color:var(--black);border:var(--border)}.authors .box-container,.posts-container .box-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(33rem,1fr));gap:1.5rem;align-items:flex-start;justify-content:center}.posts-container .box-container .box .post-admin{display:flex;align-items:center;gap:1.5rem;margin-bottom:2rem}.posts-container .box-container .box .post-admin i{text-align:center;height:4.5rem;width:5rem;line-height:4.2rem;font-size:2rem;border:var(--border);border-radius:.5rem;background-color:var(--light-bg);color:var(--black)}.comments-container .user-comments-container .show-comments .comment-user span,.posts-container .box-container .box .icons span,.posts-container .box-container .box .post-admin a{font-size:2rem;color:var(--main-color)}.comments-container .user-comments-container .show-comments .comment-user div,.posts-container .box-container .box .post-admin div{font-size:1.5rem;margin-top:.2rem;color:var(--light-color)}.posts-container .box-container .box .post-image{width:100%;border-radius:.5rem;margin-bottom:2rem}.posts-container .box-container .box .post-title{font-size:2rem;color:var(--black);margin-bottom:1rem}.posts-container .box-container .box .post-content{font-size:2rem;line-height:1.5;padding:.5rem 0;color:#000;white-space:pre-line}.posts-container .box-container .box .post-content::after{content:'...'}.posts-container .box-container .box .post-cat{display:block;margin-top:2rem;font-size:1.7rem;color:var(--main-color)}.posts-container .box-container .box .post-cat i{margin-right:.5rem;color:var(--light-color)}.posts-container .box-container .box .icons{display:flex;align-items:center;justify-content:space-between;gap:1rem;background-color:var(--light-bg);border-radius:.5rem;padding:1.5rem 2rem;border:var(--border);margin-top:2rem}.posts-container .box-container .box .icons button{cursor:pointer}.posts-container .box-container .box .icons i{margin-right:.5rem;font-size:2rem;color:var(--light-color)}.comment-edit-form p,.comments-container .comment-title{background-color:var(--black);color:var(--white);padding:1.5rem;font-size:2rem;border-radius:.5rem .5rem 0 0}.comments-container .add-comment,.comments-container .user-comments-container{border:var(--border);padding:2rem;box-shadow:var(--box-shadow);background-color:var(--white)}.comments-container .add-comment{margin-bottom:2rem;border-radius:0 0 .5rem .5rem}.comments-container .add-comment p{font-size:2rem;color:var(--light-color);margin-bottom:1rem}.comments-container .add-comment p i{margin-right:1rem}.comments-container .add-comment textarea{width:100%;border-radius:.5rem;background-color:var(--light-bg);padding:1.5rem 2rem;margin:1rem 0;border:var(--border);font-size:2rem;color:var(--black);height:15rem;resize:none}.comments-container .user-comments-container{display:grid;gap:2.5rem;border-radius:0 0 .5rem .5rem}.comments-container .user-comments-container .show-comments .post-title{margin-bottom:1rem;font-size:2rem;color:var(--light-color)}.comments-container .user-comments-container .show-comments .post-title span{color:var(--black);line-height:1.5}.comments-container .user-comments-container .show-comments .post-title a:hover{text-decoration:underline}.comments-container .user-comments-container .show-comments .comment-user{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.comments-container .user-comments-container .show-comments .comment-user i{text-align:center;height:5rem;width:5rem;line-height:4.7rem;font-size:2rem;border:var(--border);border-radius:.5rem;background-color:var(--light-bg);color:var(--black)}.comments-container .user-comments-container .show-comments .comment-text{line-height:1.5;font-size:1.7rem;color:var(--light-color)}.comments-container .user-comments-container .show-comments .comment-box{border-radius:.5rem;background-color:var(--light-bg);padding:1.5rem 2rem;font-size:2rem;color:var(--black);width:100%;white-space:pre-line;line-height:1.5;border:var(--border)}.comment-edit-form form textarea,.comments-container .user-comments-container .show-comments textarea{resize:none;border:var(--border)}.comment-edit-form{padding-bottom:0}.comment-edit-form form{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem;border:var(--border);padding:2rem;background-color:var(--white);box-shadow:var(--box-shadow)}.comment-edit-form form textarea{font-size:2rem;color:var(--black);line-height:1.5;height:15rem;width:100%;background-color:var(--light-bg);border-radius:.5rem;padding:1.5rem;margin-bottom:.5rem}.authors .box-container .box,.categories .box-container{border:var(--border);box-shadow:var(--box-shadow);background-color:var(--light-bg)}.authors .box-container .box{border-radius:.5rem;padding:2rem;background-color:var(--white)}.authors .box-container .box p{padding-bottom:1rem;font-size:2rem;color:var(--light-color)}.categories .box-container{border-radius:.5rem;padding:1rem 2rem;background-color:var(--white)}.categories .box-container .box{padding:1rem 0;font-size:2rem}.categories .box-container .box span{color:var(--light-color);display:inline-block;padding:.7rem 1rem;border:var(--border);background-color:var(--light-bg);border-radius:.5rem;text-align:center}.categories .box-container .box a{margin-left:1.2rem;color:var(--black)}.categories .box-container .box a:hover{color:var(--main-color);text-decoration:underline}.footer{background-color:var(--white);position:fixed;bottom:0;left:0;right:0;border-top:var(--border);text-align:center;font-size:2rem;color:var(--light-color);padding:2rem}@media (max-width:991px){html{font-size:55%}}@media (max-width:768px){body{padding-bottom:10rem}#search-btn{display:inline-block}.header .flex .search-form{position:absolute;top:99%;left:0;right:0;border-left:none;border-right:none;border-radius:0;width:100%;background-color:var(--white);box-shadow:var(--box-shadow);padding:2rem;clip-path:polygon(0 0,100% 0,100% 0,0 0);transition:.2s linear}.header .flex .search-form.active{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}}@media (max-width:450px){html{font-size:50%}.heading{font-size:3rem}}