@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap);:root{--font-family:"Manrope",sans-serif;--gradient-text:linear-gradient(89.97deg,#ae67fa 1.84%,#f49867 102.67%);--gradient-bar:linear-gradient(103.22deg,#ae67fa -13.86%,#f49867 99.55%);--color-bg:#18191a;--color-footer:#031b34;--color-primary:#242526;--color-border:#3e4042;--color-page:#031b34;--color-text:#e4e6eb;--color-subtext:#ff8a71;--color-navMenu:#242526;--color-btn:#064281;--color-hover:#3a3b3c;--color-comment:#3a3b3c;--color-hover2:#4e4f50}*{box-sizing:border-box;padding:0;margin:0;scroll-behavior:smooth}body{background:var(--color-bg);font-family:var(--font-family)}.page__margin{margin:1rem 6rem}a{color:unset}a,a:focus,a:hover{text-decoration:none}a:focus,a:hover{color:#fff;opacity:.75}p{display:inline-block;word-break:break-word;overflow-wrap:break-word}.auth__container{display:flex;flex-direction:column;align-items:center;justify-content:center;grid-gap:10px;gap:10px;max-width:25rem;padding:3rem;border-radius:10px;margin:0 auto;color:#fff;background-color:var(--color-primary);font-size:1.5rem;text-align:left}.auth__container label{align-self:flex-start}.primary__input{padding:.5rem;border-radius:5px;outline:none}.primary__input,textarea{width:100%;border:2px solid #aaa;border-radius:4px;outline:none;padding:.5rem;box-sizing:border-box}.primary__input:focus{border-color:var(--color-text);box-shadow:0 0 5px 0 var(--color-text)}.auth__input{width:100%}.primary__btn{padding:.5rem 1rem;background-color:var(--color-btn);font-weight:500;border-radius:5px;border:0;outline:none;cursor:pointer;color:#fff;font-size:1.2rem;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);display:flex;align-items:center;justify-content:center}.primary__btn:focus,.primary__btn:hover{opacity:.75}.scale-up-center{animation:scale-up-center .4s cubic-bezier(.39,.575,.565,1) both}@keyframes scale-up-center{0%{transform:scale(.5)}to{transform:scale(1)}}@media screen and (max-width:550px){.page__padding{padding:2rem}.page__margin{margin:1rem 1rem 4rem}}.navbar{position:-webkit-sticky;position:sticky;top:0;justify-content:space-between;padding:.5rem 6rem;background-color:var(--color-primary);box-shadow:4px 4px 8px 8px rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.navbar,.navbar__container{display:flex;align-items:center}.navbar__container{flex:1 1;justify-content:flex-start}.navbar__buttons,.navbar__links__link{text-transform:uppercase;color:#fff;font-family:var(--font-family);font-weight:500;font-size:18px;line-height:25px;text-transform:capitalize;margin:0 1rem;cursor:pointer}.navbar__buttons{justify-content:flex-end}.navbar__buttons,.navbar__buttons__container{display:flex;align-items:center;grid-gap:10px;gap:10px}.navbar__buttons__container{justify-content:center;width:100%}.navbar__buttons__button,.navbar__links__link{color:#fff;display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:100rem}.navbar__buttons__button:hover,.navbar__links__link:hover{background:var(--color-hover)}.navbar-menu{display:none;position:relative}.navbar-menu svg{cursor:pointer}.navbar-menu__buttons{display:none}@media screen and (max-width:550px){.navbar{padding:1rem 2rem;justify-content:flex-end;position:fixed;top:92%;left:0;right:0;bottom:0}.navbar__buttons__container,.navbar__container{display:none}.navbar-menu{flex-direction:row;justify-content:space-between;width:100%}.navbar-menu,.navbar-menu-links{display:flex;align-items:center;grid-gap:10px;gap:10px}.navbar-menu-links{flex-direction:column;justify-content:center}.mobile__nav{display:flex;align-items:flex-end;justify-content:flex-end;width:100%}.navbar-menu-buttons{display:flex;align-items:center;justify-content:space-between;font-size:1rem;width:100%;grid-gap:10px;gap:10px}.navbar__buttons{display:none}.navbar__menu-links{display:flex;align-items:center;justify-content:center;width:100%}.navbar-menu__buttons{display:flex;flex-direction:column}}.post__container{color:var(--color-text);background:var(--color-primary);display:grid;grid-template-rows:minmax(0,1fr) 100px;align-content:stretch;margin:0 auto;padding:10px;border-radius:10px;width:100%;max-width:30rem;height:100%;min-height:100px;line-height:2rem}.post__user-info__container{grid-row-start:1;grid-row-end:2;display:flex;align-items:center;justify-content:space-between;width:100%;padding:15px 10px}.post__user-info{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;grid-gap:10px;gap:10px}.post__user-info-photo{display:flex;align-items:center;justify-content:center}.post__user-info-name{font-size:1.2rem;text-transform:capitalize}.post__user-info-email{font-size:.8rem}.post__user-info-user{display:flex;flex-direction:column;line-height:1rem}.post__user-info-button{display:flex;align-items:center;justify-content:center;padding:5px}.post__user-info-button:hover{background:var(--color-hover);border-radius:20px}.post__content{grid-row-start:2;grid-row-end:5;width:100%;border-top:1px solid var(--color-border);display:grid;grid-template-rows:minmax(0,1fr) 100px}.post__content,.post__content-title{border-bottom:1px solid var(--color-border)}.post__content-title{grid-row-start:1;grid-row-end:2;display:flex;flex-direction:column;justify-content:center;align-items:center}.post__content-title-short{font-size:1.5rem}.post__content-title-long{font-size:1rem}.post__content-title-time{grid-gap:10px;gap:10px;font-size:.875rem}.post__content-content,.post__content-title-time{display:flex;align-items:center;justify-content:center}.post__content-content{grid-row-start:2;grid-row-end:5;padding:10px 0}.post__content-content-short{font-size:1.5rem}.post__content-content-long{font-size:1rem}.post__action{grid-row-start:5;grid-row-end:6;width:100%;display:grid;justify-content:center;align-items:center;grid-template-columns:repeat(2,1fr);padding:10px 0;grid-gap:10px;gap:10px}.post__like-container{grid-column-start:1;grid-column-end:2}.post__comment-container{grid-column-start:2;grid-column-end:3}.post__comment-container,.post__like-container{margin:0 auto;display:flex;align-items:center;justify-content:center;width:100%;max-width:200px;min-height:50px;cursor:pointer}.post__comment-container:hover,.post__like-container:hover{background:var(--color-hover);border-radius:10px}.post__container+.post__container{margin-top:1rem}.makePost__container{color:var(--color-text);background:var(--color-primary);padding:10px;margin:0 auto 10px;border-radius:10px;width:100%;max-width:30rem;height:100%;min-height:50px;line-height:2rem;grid-gap:10px;gap:10px}.makePost__container,.makePost__user-photo{display:flex;align-items:center;justify-content:center}.makePost__button{width:100%;max-height:30px;padding:20px;border-radius:20px;background:var(--color-comment);display:flex;align-items:center;cursor:pointer}.makePost__button-text{color:grey}.makePost__button:hover{background:var(--color-hover2)}.makePost__popup__container{position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,.2);display:flex;justify-content:center;align-items:center}.makePost__popup{width:100%;max-width:20rem;padding:10px;background:var(--color-primary);min-height:300px;border-radius:10px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);display:grid;grid-template-rows:30px 5fr 40px}.makePost__popup-closeBtn{grid-row-start:1;grid-row-end:2;display:flex;justify-content:flex-end;align-items:flex-start;cursor:pointer}.makePost__popup-container-input{grid-row-start:2;grid-row-end:3;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;grid-gap:10px;gap:10px}.makePost__popup-input{width:100%;height:100%;background:var(--color-primary);color:var(--color-text);border:none;font-size:1.3rem;resize:none;border-radius:0}.makePost__popup-input-title{max-height:5rem;font-size:1rem;min-height:5rem}.makePost__popup-input-content{min-height:20rem;border-top:2px solid var(--color-border)}.makePost__popup-buttons{grid-row-start:3;grid-row-end:4;display:flex;justify-content:flex-end;align-items:flex-end;grid-gap:10px;gap:10px}.comment__container{display:grid;grid-template-rows:50px 1fr;grid-template-columns:1fr 6fr 1fr;padding:10px;border-top:1px solid var(--color-border)}.comment__user-info__container{grid-column-start:1;grid-column-end:4;grid-row-start:1;grid-row-end:2;display:flex;justify-content:space-between;align-items:center}.comment__user-info{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.comment__user-info-button{display:flex;align-items:center;justify-content:center;padding:5px}.comment__user-info-button:hover{background:var(--color-comment);border-radius:20px}.comment__content-info-container{display:flex;width:100%}.comment__content-info-time{font-size:.7rem;display:flex;align-items:center;justify-content:flex-end;grid-gap:5px;gap:5px;width:100%}.comment__content-info-user{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;line-height:1rem}.comment__content-info-name{font-size:1rem;text-transform:capitalize}.comment__content-info-email{font-size:.7rem}.comment__content{grid-column-start:2;grid-column-end:3;grid-row-start:1;grid-row-end:3;display:grid;grid-gap:10px;gap:10px;background:var(--color-hover);border-radius:10px;padding:10px;display:inline-block;overflow-wrap:break-word}.comment__content__content{display:inline-block;overflow-wrap:break-word;font-size:1rem}.comment__content{display:flex;flex-direction:column;align-items:flex-end;justify-content:center}.comment__content__content{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.makeComment__input{background:var(--color-hover);color:var(--color-text);border:none;resize:none;min-height:150px;width:100%;height:100%;font-size:1.1rem}.comment__content__create-icon{display:flex;align-items:center;justify-content:center;padding:6px}.comment__content__create-icon:hover{background:var(--color-hover2);border-radius:20px}.popup__container{position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,.2);display:flex;justify-content:center;align-items:center}.popup__popup__container{width:100%;max-width:20rem;padding:10px;background:var(--color-primary);min-height:100px;border-radius:10px;color:#fff;display:flex;align-items:center;flex-direction:column;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.popup__popup__closeBtn{display:flex;align-items:center;justify-content:flex-end;width:100%;cursor:pointer}.popup__popup__message{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;grid-gap:10px;gap:10px;width:100%;padding:20px}.popup__popup__message-content{color:red;font-size:1rem}.info__popUp-container{position:absolute;background:var(--color-hover);border-radius:10px;padding:10px 0;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);grid-gap:10px;gap:10px}.info__popUp,.info__popUp-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.info__popUp{padding:0 20px;width:100%}.info__popUp:hover{background:var(--color-hover2);cursor:pointer}.info__popUp-btn,.popupC__container{width:100%;display:flex;align-items:center;justify-content:center}.popupC__container{position:fixed;top:0;left:0;height:100vh;background:rgba(0,0,0,.2)}.popupC__popup{width:100%;max-width:20rem;padding:10px;background:var(--color-primary);min-height:300px;border-radius:10px;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);display:grid;grid-template-rows:30px 5fr 40px}.popupC__popup-closeBtn{display:flex;align-items:center;justify-content:flex-end;cursor:pointer}
/*# sourceMappingURL=main.23555190.chunk.css.map */