*,:after,:before{box-sizing:border-box}*{margin:0}body,html{height:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}#__next,#root{isolation:isolate}ul{margin:0;padding:0}.posts{display:grid;margin-right:100px;min-height:100vh;grid-auto-flow:dense;padding-right:280px;padding-left:40px;padding-top:0;margin-bottom:200px;grid-template-columns:repeat(3,1fr)}@media (max-width:1200px){.posts{grid-template-columns:repeat(2,1fr);width:60%;padding:0;margin-right:0;margin-left:40px}}@media (max-width:800px){.posts{grid-template-columns:repeat(2,1fr);width:90%;padding:0;margin-right:0}}@media (max-width:600px){.posts{grid-template-columns:repeat(1,1fr);width:90%;padding:0;margin-right:0;margin-left:20px}}.post{margin:30px 10px 0;cursor:pointer;padding:0 10px 10px}.box{position:relative}.box:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border:3px solid #c4fcf7;opacity:0;transition:all .25s ease-out}.box:hover:before{padding:5px;top:-18px;right:-18px;bottom:-18px;left:-18px;opacity:1}.post:hover .postTitle{text-decoration:underline;text-decoration-thickness:.3rem}.postImg{width:100%;height:180px;object-fit:cover}.postInfo{display:flex;flex-direction:column;text-align:left}.postCats{padding-top:10px;display:flex;flex-wrap:wrap}.postCat{font-size:12px;line-height:10px;padding:12px;color:#fff;background-color:#0f0f0f;border:1px solid #fff;white-space:nowrap}.postCat,.postTitle{font-family:Space Grotesk}.postTitle{font-size:20px;font-weight:700;padding-top:10px;cursor:pointer}.postDesc{font-family:Open Sans;font-size:12px;line-height:18px;margin-top:15px;text-align:left;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.sidebar{padding-bottom:30px;padding-top:175px;padding-right:20px;position:fixed;top:0;right:0;bottom:0;font-family:Open Sans;width:350px;border-left:.5px solid #a7a4a4;overflow-y:scroll}.sidebar,.sidebarItem{display:flex;flex-direction:column}.sidebarItem{align-items:center}.sidebarAbout{margin:20px 30px 10px;text-align:left;font-size:12px}.sidebarTitle{font-size:20px;margin:10px;padding:5px;width:80%;border-bottom:4px solid #000;text-align:center;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;font-weight:600;font-family:Space Grotesk}.sidebarImg{width:270px;height:180px;margin-top:8px;object-fit:cover}.sidebarSkill{list-style-type:none;font-family:Space Grotesk;font-weight:600;max-width:260px;text-align:center}.sidebarSkillItem{display:inline-block;padding:.4em .9em;margin:4px 3px 5px 10px;cursor:pointer;font-size:12px;border:1.5px solid #000}.sidebarSkillItem:hover{color:#fff;background-color:#000}@media (max-width:1000px){.sidebar{width:70%;border-top:1px solid #a7a4a4;position:relative;top:revert;border-left:none;padding:0;margin:40px 0}.sidebarImg{margin-top:80px;margin-bottom:40px}.sidebarSkill{max-width:400px}}@media (min-width:300px) and (max-width:1000px){.sidebar{width:100%;padding:0 20px 20px}.sidebarSkill{max-width:300px}}.home{display:flex;flex-direction:row;align-items:center;text-align:center}.notif{flex:9 1;font-family:Open Sans;color:grey;font-style:italic;min-height:100vh}@media (max-width:1000px){.home{flex-direction:column}}.singlePost{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:30px 150px 80px 100px;text-align:left}.singlePostSocialIcon{font-size:50px;cursor:pointer;margin-left:20px}.singlePostSocialIcon:hover{color:#8ffff3;border-color:#8ffff3}.singlePostMenuTitle{font-family:Space Grotesk;font-weight:700;margin-bottom:20px}.singlePostInlineTitle{display:flex;align-items:center}.singlePostForm{font-size:20px;display:flex;flex-direction:column}.singlePostForm,.singlePostFormItem{font-family:Open Sans;position:relative}.singlePostFormItem{font-size:15px;margin:20px 40px 10px}.singlePostInput{display:flex;align-items:center;padding:20px 30px}.singlePostIcons{display:flex;flex-direction:row;margin-left:70%;font-size:12px}.singlePostIcon{font-size:30px;margin-left:30px;cursor:pointer}.singlePostIcon:first-child{color:#080e0e}.singlePostIcon:last-child{color:#de0606}.singlePostInputTitle{width:70vw}.singlePostCatWrapper{display:flex;padding:20px 0 50px;align-items:center}.singlePostImg{max-width:600px;object-fit:cover}.singlePostTitle{max-width:80%;color:#292929;font-size:40px;font-family:Space Grotesk}.singlePostInputTitle{font-family:Space Grotesk;font-size:20px;border:none;border-bottom:1px solid #d3d3d3;width:50vw}.singlePostInputTitle:focus{outline:none}.singlePostContent{margin-top:10px;max-width:900px}.singlePostContent div{width:auto!important}.singlePostContent:first-letter{font-size:40px;font-weight:600}.singlePostSubmitButton{width:120px;height:55px;align-self:center;border:none;background-color:#8ffff3;padding:10px;font-size:16px;font-family:Space Grotesk;font-weight:700;margin-top:40px;margin-bottom:50px;cursor:pointer}.singlePostSubmitButton:hover{color:#fff;background-color:#000}.singlePostCommentWrapper{border-top:5px solid #000;margin-top:20px;display:flex;flex-direction:row}.singlePostCommentForm{margin-left:40px}.singlePostCommentForm,.singlePostComments{justify-content:flex-start;align-items:flex-start;margin-top:50px}.singlePostLikes{display:flex;flex-direction:row;justify-content:center;align-items:center;align-self:center;margin-top:150px}.singlePostLikesIcon{margin-left:70%;font-size:25px}.singlePostLikesIcon:active{color:red}.singlePostLikesIcon:hover{cursor:pointer}.singlePostLikesCounter{margin-left:10px;font-size:18px;font-family:Courier New,Courier;font-weight:400}@media (max-width:800px){.singlePost{width:80%;flex-direction:column;margin:40px 0;align-items:unset;justify-content:unset}.singlePostImg{width:80%;max-height:300px;object-fit:cover}.singlePostContent{width:100%}.singlePostComments{margin-left:40px}}@media (min-width:300px) and (max-width:1000px){.singlePost{width:80%;flex-direction:column;margin:40px 0 10px;align-items:unset;justify-content:unset}.topRight{justify-content:center;margin:0}.singlePostContent{width:80%}.singlePostComments{margin-left:40px}.singlePostCommentWrapper{display:flex;flex-direction:column}}@media (min-width:1000px) and (max-width:1200px){.singlePostT{width:80%;flex-direction:column;margin:40px 0 0;align-items:unset;justify-content:unset}}.commentForm{display:flex;flex-direction:column;align-items:flex-start}.commentFormWrapper>span{font-family:Open Sans;font-weight:700;font-size:15px;text-align:left}.commentForm>label{font-family:Open Sans;font-size:10px;text-align:left;margin:10px 0}.commentForm>input{font-family:Open Sans;font-size:12px;height:30px;border:none;border-bottom:.5px solid grey}.commentForm>input:focus{outline:none}.commentForm>textarea{font-family:Open Sans;padding:10px;font-size:12px;width:210px;height:100px}.commentForm>textarea:focus{outline:none}.commentFormSubmitButton{margin-top:30px;width:100px;height:50px;border:none;background-color:#8ffff3;padding:8px;font-size:14px;font-family:Space Grotesk;font-weight:700;cursor:pointer}@media (min-width:300px) and (max-width:1000px){.commentFormSubmitButton{align-self:flex-start;width:80px;height:40px}.commentFormSubmitButton:hover{color:#fff;background-color:#000}}.comments{display:flex;flex-direction:column;margin-right:40px;width:200px}.commentUsername{font-family:Open Sans;font-weight:700;font-size:14px}.comment{font-size:12px;margin-bottom:5px;padding:10px;border-bottom:.5px solid #d3d3d3}.comment,.snackBar{font-family:Open Sans}.snackBar{font-weight:800;position:fixed;color:#fff;width:100%;top:0;left:0;background-color:#f4d057;opacity:.95;height:40px;z-index:9999}.snackBarContent{position:relative;display:flex;justify-content:center;align-items:center;font-size:16px;width:100%;height:100%}.snackbarCloseButton{font-size:12px;padding:4px 8px;border:1.5px solid;border-radius:3px;position:absolute;right:20px;cursor:pointer}.editor-wrapper{max-width:1100px;display:flex;flex-direction:row}.editor-container{min-width:600px}.fr-wrapper div:first-of-type{display:none;height:1000px}.fr-wrapper div.second-toolbar{height:200px}.editor-display-container{border:1px solid #d3d3d3;border-radius:10px;padding:20px;min-width:600px;min-height:300px;margin-left:40px}@media (min-width:800px) and (max-width:1400px){.editor-wrapper{flex-direction:column}.editor-display-container{flex:1 1;margin-left:0;margin-top:40px}}@media (min-width:300px) and (max-width:800px){.editor-wrapper{flex-direction:column}.editor-display-container{flex:1 1;margin-left:0;margin-top:40px}.editor-container{min-width:300px}}.tags-input-container{font-family:Space Grotesk;border:1px solid #d3d3d3;border-radius:10px;padding:.5em;width:min(80vw,600px);display:flex;align-items:center;flex-wrap:wrap;grid-gap:.5em;gap:.5em}.tag-item{background-color:#dad8d8;display:inline-block;padding:.5em .75em;border-radius:20px}.tag-item .close{height:20px;width:20px;background-color:#303030;color:#fff;border-radius:50%;display:inline-flex;justify-content:center;align-items:center;margin-left:.5em;font-size:18px;cursor:pointer}.tags-input{flex-grow:1;padding:.5em 0;border:none;outline:none}.single{display:flex;flex-direction:column;padding-right:280px;align-items:center;text-align:center}@media (min-width:200px) and (max-width:1000px){.single{border-top:1px solid grey;flex-direction:column;padding-right:0}}.write{margin-top:10px;padding:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#000}.writeTitle{font-family:Space Grotesk;font-size:30px;font-weight:700;margin-bottom:20px}.writeForm{font-family:Open Sans;font-size:15px;position:relative;display:flex;flex-direction:column}.writeFormItem{margin:20px 40px 10px}.writeInput{padding:20px 30px}.writeIcon,.writeInput{display:flex;align-items:center}.writeIcon{color:grey;width:30px;height:30px;border-radius:50%;border:1px solid;justify-content:center;cursor:pointer}.writeInputTitle{font-family:Space Grotesk;font-size:20px;border:none;border-bottom:1px solid #d3d3d3;width:70vw}.writeInputTitle:focus{outline:none}.writeSubmitButton{width:120px;height:55px;align-self:center;border:none;background-color:#8ffff3;padding:10px;font-size:18px;font-family:Space Grotesk;font-weight:700;cursor:pointer}.writeSubmitButton:hover{color:#fff;background-color:#000}@media (min-width:300px) and (max-width:1000px){.write{align-items:baseline;padding:20px}.writeFormItem{margin:5px 10px}}.setting{display:flex;margin:10px 40vh 10vh}.settingWrapper{flex:9 1;padding:20px}.settingTitle{display:flex;align-items:center;justify-content:center;font-family:Space Grotesk;font-size:30px;margin-bottom:20px;font-weight:700}.settingForm{font-family:Open Sans;display:flex;flex-direction:column}.settingFile{display:flex;align-items:center}.settingFile>img{width:70px;height:40px;border-radius:8px;margin-left:10px;object-fit:cover}.settingFile>p{margin-left:10px}.settingFileIcon{width:40px;height:40px;border-radius:50%;display:flex;color:#fff;align-items:center;justify-content:center;margin-left:10px;font-size:26px;cursor:pointer;background-color:#000}.settingFileIcon:hover{color:#000;background-color:#fff;border:2px}.settingForm>label{font-size:20px;margin-top:20px}.settingForm>input{margin:10px 0;height:20px;border:none;border-bottom:1px solid #000}.settingForm>input:focus{outline:none}.settingSubmitButton{width:150px;height:70px;align-self:center;border:none;background-color:#8ffff3;padding:10px;font-size:20px;font-family:Space Grotesk;font-weight:700;margin-top:100px;cursor:pointer}.settingSubmitButton:hover{color:#fff;background-color:#000}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,select:-webkit-autofill,select:-webkit-autofill:focus,select:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 1000px #fff inset!important}@media (min-width:800px) and (max-width:1000px){.setting{margin-left:10vh;margin-right:10vh}}@media (min-width:0px) and (max-width:800px){.setting{margin-left:5vh;margin-right:5vh}}.login{height:calc(100vh - 200px);display:flex;flex-direction:column;align-items:center;justify-content:center}.loginTitle{font-family:Space Grotesk;font-size:40px}.loginForm{margin-top:20px;display:flex;flex-direction:column}.loginForm>label{font-family:Space Grotesk;margin:10px 0}.loginInput{padding:10px;background-color:#fff;border:none;border-bottom:1px solid #000}.loginInput:focus{outline:none}.loginButton{font-family:Space Grotesk;font-weight:700;padding:10px;margin-top:20px;cursor:pointer;border:1px solid #000;background-color:#fff}.loginButton:disabled{cursor:not-allowed;background-color:grey}.loginButton:hover{margin-top:20px;cursor:pointer;color:#fff;background-color:#000}.loginRegisterButton{font-family:Space Grotesk;font-weight:700;padding:10px;margin-top:20px;cursor:pointer;border:1px solid #000;background-color:#8ffff3}.topAll{width:100%;padding:10px 70px 0 0;font-family:Space Grotesk;position:-webkit-sticky;position:sticky;background-color:#fff;top:0;z-index:999;border-bottom:.5px solid #a7a4a4}.topDesc{display:flex}.topCenter{flex:6 1;flex-direction:column}.topCenter,.topCenterName{display:flex;align-items:center}.topCenterName{font-size:28px;font-weight:500;justify-content:center}.topCenterDescription{color:#999;font-size:12px;font-weight:200;line-height:20px;font-family:Open Sans;padding-bottom:10px;text-align:center;inline-size:400px}.topLeft,.topRight{flex:3 1;display:flex;align-items:center;justify-content:center}.topRight{justify-content:right}.topSocialIcon{font-size:32px;cursor:pointer;margin-right:8px;padding:10px}.topSocialIcon:hover{color:#a9fff6}.topProfileImg{width:50px;height:50px;border-radius:50%;object-fit:cover}.topList{display:flex;align-items:center;justify-content:center;margin-bottom:5px;padding:0;list-style:none}.topListItem{font-weight:300;cursor:pointer;position:relative;font-size:16px;padding:10px;font-weight:700}.topListItem:after{background-color:#a9fff6;background-repeat:no-repeat;content:"";width:0;height:7px;background-position:0 90%;opacity:.7;position:absolute;bottom:0;left:0;transition:all .6s ease}.topListItem:hover:after{left:0;width:100%}.topLogoutButton{font-weight:700;padding:8px;margin-left:16px;cursor:pointer;border:.8px solid #000;background-color:#fff}.topLogoutButton:hover{cursor:pointer;color:#fff;background-color:#000}.topSettingIcon{font-size:32px;cursor:pointer}.topSettingIcon:hover{color:#a9fff6}.download{color:#000}.topResume .download,.topResume:hover .resume{display:none}.topResume:hover .download{font-size:30px;padding:0 30px;display:inline;cursor:pointer}@media (max-width:800px){.topAll{padding-right:0}.topDesc{flex-direction:column;align-items:center;justify-content:center}.topCenter{margin-bottom:16px}.topLogoutButton{order:1;margin-top:8px;margin-right:0}}@media (min-width:800px) and (max-width:1000px){.topAll{padding-right:0}.topRight{justify-content:center;margin:0}}.footer{order:0;flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:50px;height:750px;position:relative;color:#fff;background-color:#000;font-family:Space Grotesk;font-size:15px}.footerContainer{border-top:1px solid grey;margin-right:400px;margin-left:40px;margin-top:80px}.footerItem{margin-top:30px;cursor:pointer;position:relative;display:flex;flex-direction:row;padding:18px 0}.footerContent:hover{text-decoration:underline;text-decoration-thickness:.4rem}.footerContent{margin-left:20px}.footerIcon{font-size:20px}@media (max-width:800px) and (min-width:0px){.footerContainer{margin-top:0;margin-right:0;display:flex}.footer,.footerContainer{margin-left:0;align-items:center;justify-content:center}.footer{flex-direction:column;font-family:Space Grotesk;height:500px}.footerItem{margin-top:30px;cursor:pointer;position:relative;display:flex;flex-direction:row;padding:6px 0}}
/*# sourceMappingURL=main.a81227be.chunk.css.map */