@import"https://fonts.googleapis.com/css2?family=Inter&display=swap";.logo-bar{font-family:inter,sans-serif;font-size:30px;width:100vw;height:55px;background-color:var(--grayblack);text-align:center;vertical-align:middle;line-height:55px;color:#fff;position:sticky;top:0;z-index:5}.content-container{padding:20px 50px 0;display:flex}.menu-logo{position:absolute;left:50px;z-index:6;color:var(--accent);font-size:16px;display:none}@media (max-width: 1055px){.menu-logo{display:block}}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;cursor:default}ol,ul{list-style:none}blockquote,q{quotes:none}a{color:none;text-decoration:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}.hide{display:none}.header{transition:all .1s;border-bottom:5px solid var(--darkgray);height:55px;width:calc(100vw - 100px);justify-content:space-between;position:sticky;top:0;z-index:10;margin-left:50px}.head-left{gap:50px;font-size:25px;font-family:inter;color:var(--accent)}.head-right{gap:10px}.selected{color:var(--grayblackheader)!important;border-bottom:2px solid var(--grayblackheader)!important}.searchbox{width:350px;background-color:transparent;outline:none;border:none;border-bottom:4px solid var(--accent);color:var(--darkgray);padding:0 0 5px;font-size:1.2em}#search{color:var(--darkgray);font-size:30px}.header-link{border-bottom:2px solid transparent}.header-link:hover{transition:all .3s ease-out;color:var(--lightgray);border-bottom:2px solid var(--darkgray)}@media (max-width: 1055px){.header{visibility:hidden;display:none!important}}.tooltiptext{width:120px;height:max-content;background-color:#000;color:#fff;padding:10px;border-radius:10px;font-size:10px;position:absolute;bottom:-40px;left:25%;z-index:1;gap:7px;transition:all .3s}.posts-container{display:grid;gap:50px;height:100%;grid-template-columns:repeat(3,1fr);grid-template-rows:auto}.content-title{font-size:30px;font-family:inter,sans-serif;margin-left:7px;margin-bottom:17px}.right-container{position:fixed;right:50px;top:0;padding-top:min(250px,33%);width:200px;height:70vh;justify-content:space-between}@media (max-width: 1055px){.right-container{visibility:hidden}}.fact-container{gap:5px}.fact-title{font-size:25px;color:var(--grayblack)}.fact-text{font-size:20px;color:var(--lightgray);overflow-y:scroll;display:-webkit-box;-webkit-line-clamp:7;line-clamp:7;-webkit-box-orient:vertical}.stat-container{font-size:20px;color:var(--grayblack);position:absolute;bottom:50px;text-align:right}.stats{justify-content:flex-end;gap:10px}.stat-value{color:var(--lightgray)}.post{padding:25px;color:#f5f5f5;background-color:var(--grayblack);justify-content:space-between;font-family:Roboto,sans-serif;border-radius:20px;cursor:pointer;transition:all .2s ease-in-out;height:290px;width:290px}@media (max-width: 1430px){.post{width:250px;height:250px}}@media (max-width: 1366px){.post{width:220px;height:220px}}@media (max-width: 1200px){.post{width:300px;height:300px}.posts-container{grid-template-columns:repeat(2,1fr)}}@media (max-width: 850px){.posts-container{grid-template-columns:1fr}.home{justify-content:center}}.post-title{font-size:25px;margin-bottom:5px;max-height:100px;overflow-y:scroll;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;text-transform:capitalize}.post-author{font-size:14px;padding-bottom:13px;border-bottom:3px solid var(--accent);margin-bottom:30px}.post-content{text-overflow:ellipsis;font-size:18px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:6;line-clamp:6;-webkit-box-orient:vertical}.post-bottom-container{color:var(--accent)}.post-stats{gap:18px}.title-editor{margin-top:45px;margin-bottom:70px}.title-input{width:30vw;background-color:transparent;border:none;border-bottom:5px solid var(--grayblack);margin-top:10px;font-size:25px;text-transform:capitalize;width:100%}#color-picker{margin-top:65px;gap:65px}.color-circle{width:30px;height:30px;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:all .3s}.color-circle:hover{border:3px solid var(--grayblack)}.color-options{display:grid;grid-template-columns:repeat(4,60px);grid-auto-rows:47px}.preview-text{transition:all .3s;border-radius:5px}.text-color-selected,.bg-color-selected{border:3px solid var(--grayblack)}#draft{font-size:30px;width:20px;height:20px;background-color:#fff;border-radius:50%;border:1px solid #000000;appearance:none;-webkit-appearance:none;outline:none;cursor:pointer;margin:auto}#draft:checked{background-color:#50c736}@media (max-width: 500px){#color-picker{flex-direction:column}.edit-container{flex-direction:column;margin:auto;align-items:center}.post-options{margin:auto}}.loading-container{width:100%;height:100%;margin:auto;position:fixed;top:0;left:0;z-index:1;background-color:#f5f5f5}.loader{width:48px;height:48px;border:5px solid transparent;border-bottom-color:var(--grayblack);border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite;margin:auto}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-box{width:370px;margin:auto}.account-inp{border:none;background-color:none;border-bottom:5px solid var(--grayblack);width:100%;background:none;font-size:20px}.login-form{width:100%}.button-container{justify-content:space-between;margin-top:56px}.form-button:hover{background-color:var(--darkgray);color:var(--grayblack);transition:all .3s}.form-button{width:174px;height:48px;border-radius:15px;color:#fff;background-color:var(--grayblack);font-size:20px;border:none}.acc-stat-container{position:absolute;right:50px;top:275px;width:250px}.acc-bottom-container{width:50%;margin-bottom:100px}.account-info{gap:7px}@media (max-width: 500px){.top-acc-conatiner{margin:auto}.acc-stat-container{position:static;margin-bottom:50px;margin-top:25px}}.main-post{margin:60px 100px 0;background-color:#f5f5f5;padding:50px 50px 100px;border-radius:40px 40px 0 0;position:relative}@media (max-width: 800px){.main-post{margin:30px 25px 50px;padding:25px 25px 50px;border-radius:20px 20px 0 0}.main-post-title{margin-top:15px}#post-bg{top:-30px!important;left:-10px!important}}@media (max-width: 500px){.main-post{margin:25px 5px;padding:25px 25px 50px;border-radius:20px 20px 0 0}.main-post-title{margin-top:15px!important;font-size:25px!important}.main-post-author{font-size:20px!important}.content-container{padding:5px}}#post-bg{width:100vw;position:absolute;z-index:-1;left:-150px;top:-140px;transition:all 1s;min-height:calc(100vh + 100px)}#edit-icon{position:absolute;font-size:60px;top:20px;right:20px}.main-post-title{font-size:40px;font-weight:500;max-width:1077px;margin-top:60px;text-transform:capitalize}.post-info-container{justify-content:space-between;position:relative}.post-info-container{width:95%;margin-bottom:45px;margin-top:5px}.main-post-author{font-size:25px;font-weight:500}.sep-line{position:absolute;bottom:-40px;height:7px;background-color:var(--grayblack);padding:auto;width:900px;border-radius:5px}.date{margin-bottom:35px}.likes{transition:all .3s}.post-errors-container{width:100%;align-items:center;gap:10px;margin-bottom:100px;list-style-type:disc}.post-error{color:#da3232;font-size:25px;margin:auto;transition:all 1s}.publish-button{width:max-content;margin-top:30px;font-size:25px}.publish-button:hover{transition:all .3s;background-color:gray;color:var(--accent)}#comments-container{border-top:7px solid var(--grayblack);margin-top:90px}.comment-container{border-left:solid 5px gray;height:100px;padding-left:20px;position:relative;margin-bottom:20px;transition:all .5s}.comment-info{gap:15px;margin-bottom:10px}.comment{font-size:20px;overflow-y:scroll;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;text-transform:capitalize}.likes{position:absolute;bottom:0}.show-comments{font-size:33px;margin:auto;color:gray}.show-comments:hover{color:var(--grayblack)}#comment-inp{font-size:25px;width:80%;background-color:transparent;border:none;margin-left:7px;border-bottom:4px solid var(--grayblack);margin-bottom:30px}.spin-animation{animation-name:spin;animation-duration:.8s;animation-delay:.2s;animation-iteration-count:infinite}#add-comment-btn{transition:all .3s ease-in-out}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.sidebar{width:140px!important;height:calc(100vh - 55px);left:0;top:55px;background-color:#eaeaea91;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(5px);z-index:11;transition:all 1.5s;position:fixed;padding:0 24px}.sidebar-top-container{margin-top:40%;gap:30px}.sidebar-bottom-container{position:absolute;bottom:35px}.sidebar-stat-container{margin-top:35px}.sidebar-link{font-size:25px;color:var(--accent)}.selected-sb{color:#000}:root{--darkgray: rgb(138, 138, 138);--accent: #BBC7CE;--grayblack: #111111;--grayblackheader: rgb(17, 17, 17);--error-red: #E42C2C}body{background-color:#f5f5f5;width:100vw;overflow-x:hidden;font-family:inter,sans-serif;transition:all .8s}.menu-logo{font-size:35px;margin-left:-15px}.flex{display:flex}.column{flex-direction:column}.horizontal{justify-content:center}.vertical{align-items:center}.between{justify-content:space-between}.cursor{cursor:pointer}.defont{font-family:inter,sans-serif}.small-heading{font-size:25px;font-family:inter,sans-serif;color:var(--grayblack)}.smaller-heading{font-size:20px;font-family:inter,sans-serif;color:var(--grayblack)}.content-title{margin-top:60px;z-index:2;position:relative}.button{font-size:18px;padding:13px;border:none;border-radius:7px;background-color:#000;color:#fff}input:focus{outline:none!important}label{font-family:inter,sans-serif}.error{color:var(--error-red);font-family:inter,sans-serif;transition:all 1s;margin-bottom:10px}h2{font-size:20px;font-weight:600;margin:20px 0 10px}ul{list-style-type:square;margin-top:20px;font-size:18px;font-weight:500}h3{font-size:30px;font-weight:600;margin:20px 0 10px}h4{font-size:35px;font-weight:600;margin:17px 0 10px}@media (max-width: 500px){h4{font-size:25px!important}h3{font-size:20px!important}h2{font-size:15px!important}}