*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#dfdee5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:.5rem}::-webkit-scrollbar-thumb{background-color:#7c70c2;border-bottom-left-radius:10px;border-bottom-right-radius:10px}::-webkit-scrollbar-track{background:#dfdee5}.home{margin:2rem auto;width:80%}.home-content{border:1px solid #c4c3c3;border-radius:10px;color:#333;cursor:pointer;margin:20px auto;max-width:900px;padding:20px;transition:all .3s ease-in-out}.home-content:hover{box-shadow:0 2px 8px 0 rgba(99,99,99,.2)}.home-profile{align-items:center;display:flex;margin-bottom:10px}.home-profile>p{font-weight:600;margin-left:10px}.home-content>h2{margin-bottom:10px}.home-content>p{color:gray;margin-bottom:20px}.home-icons{align-items:center;color:#a9a9a9;display:flex;margin-top:10px}.like{color:#a09e9e!important;cursor:pointer;font-size:20px;margin-right:10px;z-index:1}.like-n{color:gray!important;font-size:15px!important;margin-right:5px!important}.bookmark{cursor:pointer;font-size:19px;margin-right:10px;z-index:1}.pagination{display:flex;justify-content:center}@-webkit-keyframes spin3D{0%{-webkit-transform:rotate3d(.5,.5,.5,1turn);transform:rotate3d(.5,.5,.5,1turn)}to{-webkit-transform:rotate3d(0deg);transform:rotate3d(0deg)}}@keyframes spin3D{0%{-webkit-transform:rotate3d(.5,.5,.5,1turn);transform:rotate3d(.5,.5,.5,1turn)}to{-webkit-transform:rotate3d(0deg);transform:rotate3d(0deg)}}.spinner-box{background-color:initial;height:80vh;width:100%}.leo-border-1,.spinner-box{align-items:center;display:flex;justify-content:center}.leo-border-1{-webkit-animation:spin3D 1.8s linear 0s infinite;animation:spin3D 1.8s linear 0s infinite;background:#903ff9;background:linear-gradient(0deg,rgba(189,128,230,.1) 33%,#822ad4);border-radius:50%;height:50px;padding:3px;position:absolute;width:50px}.leo-core-1{background-color:#37474faa;border-radius:50%;height:100%;width:100%}.leo-border-2{align-items:center;-webkit-animation:spin3D 2.2s linear 0s infinite;animation:spin3D 2.2s linear 0s infinite;background:#5221da;background:linear-gradient(0deg,rgba(156,83,251,.1) 33%,#8553fb);border-radius:50%;display:flex;height:50px;justify-content:center;padding:3px;position:absolute;width:50px}.leo-core-2{background-color:#1d2630aa;border-radius:50%;height:100%;width:100%}.auth{background:url(https://source.unsplash.com/1600x900?nature,photography,technology,night,urban,europe) 50% no-repeat;background-size:cover;height:100vh;overflow:hidden;position:relative}.auth-gradient{background:rgba(0,0,0,.4);background-image:linear-gradient(0deg,rgba(0,0,0,.4) 0,transparent 60%,rgba(0,0,0,.4) 100%);height:100vh;width:100%;z-index:1}.auth-container{color:#333;left:0;margin-left:auto;margin-right:auto;padding:20px;position:absolute;right:0;text-align:center;top:20%;z-index:1}.sign{width:500px}.auth-login{background-color:#dfdee5;border-radius:8px;display:grid;flex-direction:column;margin-left:auto;margin-right:auto;max-width:450px;padding:70px}.auth-login>input{background-color:#d9d8e0;border:none;border-radius:5px;height:40px;margin-bottom:14px;outline-width:0;padding:5px 15px}.auth-login>h2{font-size:20px;font-weight:bolder;margin-bottom:1rem}.auth-login>h1{color:#333;cursor:pointer;font-family:Chillax,sans-serif;font-size:35px;margin-bottom:2rem}.submit-btn{background-color:#7c70c2;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:20px;padding:16px 20px;transition:.3s}.submit-btn:hover{background-color:#7064b1}.switch-btn{color:gray;cursor:pointer;font-size:15px;font-weight:500;margin-top:30px;transition:.3s}.auth-signup{display:flex}.auth-signup>input{border:none;border-radius:5px;height:40px;margin-bottom:14px;outline-width:0;padding:5px 15px;width:120px}.auth-fname{margin-right:10px}.switch-btn:hover{color:#333;text-decoration:underline}.signIn-btn{background-color:initial;border:none;cursor:pointer;margin-top:20px;transition:.3s}.profile{margin:2rem auto;width:80%}.profile-content{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:3rem}.profile-content>h2{color:#333;font-size:2rem;margin-top:.3rem}.user-content{margin:3rem 0}.user-list{border:1px solid #c4c3c3;border-radius:10px;color:#333;margin:10px 0;padding:20px}.user-btn{align-items:center;display:flex;margin-top:4rem}.user-btn>button{background-color:initial;border:1px solid #c4c3c3;border-radius:19px;color:#333;cursor:pointer;margin-right:10px;outline:none;padding:13px;transition:.3s ease-in-out;width:100px}.user-btn>button:hover{background-color:#7c70c2;border:1px solid #7c70c2;color:#dfdee5}.user-title{align-items:center;display:flex;justify-content:center;margin-bottom:2rem}.userBlog{border:1px solid #c4c3c3;border-radius:10px;color:#333;cursor:pointer;margin:20px auto;max-width:900px;padding:20px;transition:all .3s ease-in-out}.no-blog{color:gray;font-weight:600;margin:3rem auto;max-width:900px;padding:10px;text-align:center}.userBlog:hover{box-shadow:0 2px 8px 0 rgba(99,99,99,.2)}.userBlog-profile{align-items:center;display:flex;justify-content:space-between}.profile-user{align-items:center;display:flex;margin-bottom:10px}.profile-user>p{font-weight:600;margin-left:10px}.userBlog-info>h2{margin-bottom:10px}.userBlog-info>p{color:gray;margin-bottom:20px}.activeBtnStyles{background-color:#7c70c2;color:#dfdee5}.activeBtnStyles,.notActiveBtnStyles{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;margin:5px;outline:none;padding:15px;width:130px}.notActiveBtnStyles{background-color:initial;color:gray}.logout{background-color:#7c70c2;border:none;border-radius:10px;color:#dfdee5;cursor:pointer;margin:20px 0;outline:none;padding:10px;transition:all .3s ease-in-out;width:100px}.logout:hover{background-color:#7064b1}.profile-content>p{color:gray;font-weight:600}.write{display:flex;flex-direction:column;margin:20px auto;width:80%}.write>input{font-family:Times New Roman,Times,serif;font-size:3rem;font-style:normal;line-height:1.25}.write>input,.write>textarea{background-color:initial;border:none;color:#333;font-weight:400;outline:none;padding:10px}.write>textarea{font-family:inherit;font-size:21px;letter-spacing:-.003em;line-height:1.28;resize:none}.publish{background-color:#7c70c2;border:none;border-radius:14px;color:#dfdee5;cursor:pointer;font-size:16px;margin-left:10px;margin-top:3rem;padding:12px;transition:all .2s ease-in-out;width:120px}.publish:hover{background-color:#7368b4}.header{border-bottom:1px solid #d3d3d3;justify-content:space-between;padding:16px 30px}.header,.title{align-items:center;display:flex}.title>h2{color:#333;cursor:pointer;margin-right:15px}.name{color:#7c70c2!important}.search{align-items:center;background-color:#d9d8e0;border-radius:15px;display:flex;padding:7px}.search-icon{color:gray;font-size:18px;margin-left:4px}.search>input{background-color:initial;border:none;margin-left:5px;outline:none;padding:8px;width:200px}.content{align-items:center;display:flex}.edit-icon{color:gray;cursor:pointer;font-size:30px;margin-right:2rem}.mobile-profile{display:none}.searchProfile{background-color:#d9d8e0;border-radius:15px;box-shadow:0 2px 8px 0 rgba(99,99,99,.2);margin-top:.5rem;padding:10px;position:absolute;width:240px;z-index:1}.search-content{align-items:center;background-color:#dfdee5;border-radius:10px;color:#333;cursor:pointer;display:flex;margin:5px 0;padding:10px;transition:.3s ease-in-out}.search-content:hover{background-color:#7c70c2;color:#fff!important}.search-profile{font-weight:600;margin-left:10px}.search-name{font-size:1rem}.search-email{font-size:.7rem}.notfound{color:gray;font-weight:600;margin-right:10px;padding:15px 0;text-align:center}@media (max-width:590px){.Profile{display:none}.mobile-profile{background-color:#d9d8e0;border-radius:15px;display:block;margin:10px auto;width:80%}.mobile-search{align-items:center;display:flex;padding:8px}.mobile-search>input{background-color:initial;border:none;margin-left:5px;outline:none;padding:8px;width:100%}.mobileProfile{background-color:#d9d8e0;border-radius:10px;box-shadow:0 2px 8px 0 rgba(99,99,99,.2);margin-top:10px;padding:10px;position:absolute;width:80%;z-index:1}.mobile-content{background-color:#dfdee5;border-radius:6px;color:#333;cursor:pointer;display:flex;margin:7px 0;padding:12px;transition:.3s ease-in-out}.mobile-content:hover{background-color:#7c70c2;color:#fff!important}.mobprofile{margin-left:10px}.mobile-name{font-size:17px;font-weight:600}.mobile-email{font-size:14px}}.singlePost{margin:2rem auto;width:80%}.singlepost-profile{justify-content:space-between;padding:0 20px}.profile-icons,.profile-info,.singlepost-profile{align-items:center;display:flex}.profile-info{cursor:pointer}.profile-info>h3{color:#333;margin-left:10px}.email{color:#333;cursor:pointer;font-size:26px;margin:0 10px;transition:all .3s ease-in-out}.email:hover{color:#7c70c2}.save{color:#333;cursor:pointer;font-size:20px;margin-bottom:3px;margin-left:10px;margin-right:10px;transition:all .3s ease-in-out}.save:hover{color:#7c70c2}.singlepost-content{margin-top:1.5rem;padding:0 20px}.singlepost-content>h2{color:#333;font-size:2.8rem;margin-bottom:1.4rem}.story-para{color:#4b4a4a;font-size:20px;letter-spacing:-.003em;line-height:32px;margin-bottom:2rem}.post-heart{color:#333;cursor:pointer;font-size:27px;margin-right:10px;transition:all .3s ease-in-out}.liked{color:#d2042d}.liked:hover{color:#b6082b!important}.post-heart:hover{color:#7c70c2}.post-comment{color:#333;cursor:pointer;font-size:27px;margin:0 10px;transition:all .3s ease-in-out}.post-comment:hover{color:#7c70c2}.singlepost-function{padding:0 20px}.fn-icon,.singlepost-function{align-items:center;display:flex}.fn-icon{margin-right:10px}.fn-icon>p{color:#333;font-size:18px;font-weight:600;margin-bottom:2px}.saved{font-size:20px}.commentBody{background-color:#dfdee5;color:#333;height:800px}.close{color:#333;cursor:pointer;font-size:22px;margin:15px 0;position:absolute;right:20px}.comment-content{height:650px;margin:10px auto;overflow-y:scroll;width:50%}.profile-comment{margin-bottom:10px}.comment-input,.non-comment{align-items:center;background-color:#d9d8e0;border-radius:10px;box-shadow:0 2px 8px 0 rgba(99,99,99,.2);display:flex;flex-direction:column;justify-content:center;margin-left:auto;margin-right:auto;margin-top:3rem;padding:15px;transition:all .3s ease-in-out;width:50%}.non-comment,.thoughts{cursor:text}.thoughts{align-self:flex-start;color:gray;display:flex}.hide{display:none}.input-avatar{align-self:flex-start;display:flex;margin-left:10px}.input-avatar>p{font-size:14px;font-weight:600;margin-left:10px;margin-top:.3rem}.activeText{background-color:#d9d8e0;border:none;border-radius:10px;font-family:inherit;font-size:15px;font-weight:500;height:100px;margin:13px 0;outline:none;padding:12px;resize:none;width:100%}.input-button{align-self:flex-end;margin-right:20px}.input-button>button{background-color:#7c70c2;border:none;border-radius:10px;color:#dfdee5;cursor:pointer;font-size:15px;margin-left:10px;padding:8px;transition:.3s;width:80px}.disable{background-color:#9f95da!important;cursor:no-drop!important}.input-button>.cancel{background-color:#fff!important;border:none!important;color:gray!important}.comment-input>button:hover{background-color:#7064b1}.profile-name{margin-left:10px}.pic-name{font-size:18px;font-weight:600}.comment-info{margin:5px 10px}.names{color:gray;font-size:15px;font-weight:500}.comment-delete{align-items:center;display:flex}.delete{color:#8d0101;font-size:19px}.delete,.reply{cursor:pointer;margin-left:10px}.reply{color:#333;font-size:20px}.reply-text{background-color:#d9d8e0;border:none;border-radius:10px;font-family:inherit;font-size:14px;height:110px;outline:none;padding:10px;resize:none;width:100%}.reply-input{display:flex;flex-direction:column;margin-left:1.2rem}.non-reply{display:none}.reply-btn{display:flex;justify-content:end;margin-right:10px}.reply-btn>button{border:none;border-radius:10px;color:#dfdee5;cursor:pointer;margin:10px 0;padding:7px;width:90px}.Add{background-color:#7c70c2}.reply-cancel{background-color:#fff!important;color:gray!important;margin-right:10px!important}.replyy{border-left:1px solid #c2c0c0;margin-left:1.8rem;padding:10px;padding-left:20px!important;position:relative;top:-2px}.unpublish{color:#333;cursor:pointer}.modal{color:#333}.modal__detail{align-items:center;display:flex;justify-content:space-between}.modal__Btn{display:flex;justify-content:flex-end;margin-top:2rem}.modal__Btn>button{border:none;border-radius:10px;cursor:pointer;font-size:15px;margin:0 10px;padding:12px 10px;width:100px}.cancel{background-color:#dfdee5!important;border:1px solid gray!important;color:gray!important}.deleteBtn{background-color:#7c70c2;color:#dfdee5}.modal__close{cursor:pointer;font-size:18px}@media (max-width:600px){.comment-content,.comment-input,.non-comment{width:90%}}
/*# sourceMappingURL=main.90c9ba9d.css.map*/