*,body{margin:0}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.app__body{display:flex;background-color:rgba(158,158,241,.473)}body{font-family:"Telex",sans-serif}.app__posts{margin:0 auto}.app__banner>img{position:absolute;width:100%;z-index:-1;-webkit-mask-image:linear-gradient(180deg,#000,transparent);mask-image:linear-gradient(180deg,#000,transparent)}.feed__tabs{display:flex;justify-content:space-evenly;margin-right:10%;list-style:none}.react-tabs__tab{background-color:#fff;padding:2%;margin-top:2%;cursor:pointer;border-radius:10px;border:2px solid #7567ad;font-weight:700}.header{background-color:#9e9ef1;position:-webkit-sticky;position:sticky;top:0;height:100%;z-index:101}.header,.header__left{display:flex;align-items:center}.header__img{height:60px;margin-left:3%}.header__img>img:hover{cursor:pointer}.header__input{margin-right:2%;width:100%}.header__input>input{text-align:center;height:40px;border-radius:20px;outline-width:0;width:100%}.header__center{width:45%;justify-content:space-between;margin:0 auto}.header__center,.header__right{display:flex;align-items:center}.header__right{width:20%;justify-content:flex-end;margin-right:5%}.header__logout,.header__option{padding:3%;color:#fff;border-radius:20px}a{text-decoration:none;color:#fff}.header__option:hover,.header__optionlogout:hover{background-color:#7567ad;cursor:pointer}.header__postsLink{font-weight:600;padding:3%;color:#fff;border-radius:20px}.header__postsLink:hover{background-color:#7567ad}@media only screen and (max-width:579px){.header__option,.header__right{display:none}}.sidebar{display:flex;flex-direction:column;min-width:30%;max-width:350px;border-right:2px solid #7567ad;border-bottom:2px solid #7567ad;background-color:#9e9ef1;z-index:100;height:100%;color:#464444}.sidebar__greeting,.sidebar__links{height:50px;display:flex;align-items:center;margin-left:2%}.sidebar__links{flex-direction:column;cursor:pointer;justify-content:center}.sidebar__links:hover{background-color:#7567ad;color:#fff}.Collapsible__trigger{font-size:30px}.Collapsible__contentInner{font-size:20px}.Collapsible__contentInner>p{font-size:10px}.sidebar__inbox{display:flex;cursor:pointer;width:100%;max-height:500px}.sidebar__inbox h5{margin-left:2%}.sidebar__borderBottom{border-bottom:2px solid #7567ad;display:flex;justify-content:space-evenly;align-items:center}.sidebar__borderBottom:hover{background-color:#7567ad;color:#fff}.sidebar__inbox>.Collapsible{width:100%}.sidebar__inboxOption{display:flex;align-items:center;height:40px;margin-left:2%}.sidebar__inboxOption:hover{background-color:#7567ad;color:#fff}.sidebar__inboxItems{overflow-y:scroll;max-height:400px}.sidebar__rooms{display:flex;cursor:pointer;max-height:400px}.Collapsible__contentOuter{object-fit:contain;max-height:100%}.sidebar__rooms>.Collapsible{width:100%}.sidebar__rooms h5{margin-left:2%}.sidebar__roomItems{overflow-y:scroll;max-height:280px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:rgba(117,103,173,.2196078431372549)}::-webkit-scrollbar-thumb,::-webkit-scrollbar-thumb:hover{background:#7567ad}.sidebarOption{display:flex;align-items:center;font-size:12px;padding-left:2px;cursor:pointer}.sidebarOption:hover{background-color:#7567ad;color:#fff;font-weight:600}.sidebarOption__icon{padding:10px;font-size:15px!important}.sidebarOption__channel{max-width:90%;padding:10px 0;overflow-wrap:break-word;margin-left:2%}.sidebarOption__hash{padding:10px}.sidebarOption>h3{font-weight:500}.sidebarOption__chatRoom{background-color:#fff;padding:10%}.textInput{display:flex;flex-direction:column;background-color:#8484da;border-radius:15px;box-shadow:0 5px 7px -7px rgb(0,0,.75);width:70%;border:1px solid #7567ad;margin:2% auto}.textInput__input{outline-width:0;border:none;padding:5px 20px;border-radius:10px;background-color:#eff2f5;font-family:"Telex",sans-serif;height:150px}.textInput__textarea{max-width:90%}.textInput__top{display:grid;place-items:center;margin-top:2%}.MuiAvatar-root,.textInput__top{margin-bottom:2%}.textInput__button{width:100%;justify-content:center;margin-top:4%;cursor:pointer}.textInput__button,.textInput__url{border-radius:10px;display:flex;border:none}.textInput__url{outline-width:0;width:97%;text-align:center}.postInput{margin:2% auto;display:flex;flex-direction:column;background-color:#8484da;border-radius:15px;box-shadow:0 5px 7px -7px rgb(0,0,.75);width:70%;border:1px solid #7567ad}.postInput__avatar{margin:2% auto 0}.postInput__top{display:flex;padding:15px}.postInput__photoUpload{background-color:#fff;border-radius:20px;padding:2%}.postInput__top>form{flex:1 1;display:flex}.postInput__input{outline-width:0;border:none;padding:5px 20px;border-radius:10px;background-color:#eff2f5;font-family:"Telex",sans-serif;max-width:90%;margin-right:2%;height:50px}.postInput__photoUpload{width:40%}.postInput__input{flex:1 1}.postInput__bottom{display:flex;justify-content:space-evenly;width:90%;margin:0 auto 2%}.postInput__option{padding:20px;display:flex;align-items:center;color:grey;margin:5px}.postInput__option>h3{font-size:medium;margin-left:10px;cursor:pointer}.postInput__option:hover{background-color:#eff2f5;border-radius:20px}.postInput__button{width:50%;cursor:pointer;border-radius:10px;border:none}.postInput__file{cursor:pointer}.postInput__progress{width:100%}.login{background-color:#7567ad;height:100vh;display:flex;flex-direction:column;align-items:center}.login__image{object-fit:contain;height:180px}.login__container{margin-top:5%;width:300px;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;display:flex;flex-direction:column;border-radius:5px;border:1px solid #d3d3d3;padding:20px;background-color:#dfd7d7}.login__container>h1{font-weight:500;margin-bottom:20px}.login__container>form>h5{margin-bottom:5px}.login__container>form>input{height:30px;margin-bottom:10px;background-color:#fff;width:98%}.login__container>p{margin-top:15px;font-size:12px}.login__signInButton{margin-bottom:2%;width:50%}.post{width:100%;border-radius:15px;background-color:#9e9ef1;border:2px solid #7567ad;margin:0 auto 2%}.post__header{display:flex;margin-left:4%;margin-top:2%;width:90%;align-items:center;justify-content:space-between}.post__usernameAvatar{display:flex}.post__middle,.post__usernameAvatar>h3{margin-left:4%}.post__middle{display:flex;justify-content:space-between;margin-right:4%}.post__addLikes{width:50px;height:50px}.post__addLikes .MuiSvgIcon-root{width:40px;height:40px;color:red;cursor:pointer}.post__addLikes .MuiSvgIcon-root:hover{position:relative;width:50px;height:50px;transition:1s}.post__text,.post__timestamp{margin-left:4%}.post__text{padding-bottom:2%;margin-bottom:1%;margin-top:2%;font-weight:700;border-bottom:1px solid #000;width:90%}.post__image{width:90%;margin-left:5%;margin-bottom:2%;border-radius:20px;object-fit:contain;max-height:300px;max-width:500px}.post__comments{max-height:220px;overflow-y:scroll;margin-left:4%;margin-bottom:2%}.post__commentRow{display:flex}.post__commentAvatar{margin-right:2%}.post__commentText,.post__input{margin-left:4%}.post__input{margin-bottom:2%;width:80%;height:30px}.animate__animated{display:inline-block;margin:0 .5rem;-webkit-animation:bounce;animation:bounce;-webkit-animation-duration:2s;animation-duration:2s}@media only screen and (max-width:579px){.post__header{display:flex;flex-direction:column}}.chatRooms__container{margin:2% auto 30%;display:flex;flex-direction:column;background-color:#8484da;border-radius:15px;box-shadow:0 5px 7px -7px rgb(0,0,.75);width:50%;border:1px solid #7567ad}.chatRooms{border-radius:15px;background-color:#9e9ef1;border:2px solid #7567ad}.chatRooms__header{border-bottom:1px solid #d3d3d3}.chatRooms__channelName{text-align:center;text-transform:lowercase}.chatRooms__channelName>.MuiSvgIcon-root{font-size:18px}.chatRooms__messages{height:600px;overflow-y:scroll;margin-bottom:4%}.chatRooms__headerRight>p{font-size:14px}.chatRooms__input{width:100;margin-top:5%;margin-bottom:4%;border-bottom:1px solid #000}.chatRooms__input input{margin-left:7%;margin-bottom:4%;height:50px;width:70%}.message{align-items:center;padding:20px;width:90%}.message__header{display:flex;margin-bottom:2%;padding:2%}.message__message{overflow-wrap:break-word}.message__header>img{height:50px;width:50px;object-fit:contain;margin-right:2%}.message__info{padding-left:10px}.message__timestamp{color:grey;font-weight:300;font-size:13px;margin-left:2%}.chatRoomInput{border-radius:20px}.chatRoomInput>form{position:relative;display:flex;justify-content:center}.chatRoomInput>form>input{position:fixed;bottom:30px;width:60%;border:1px solid grey;border-radius:3px;padding:20px}.chatRoomInput>form>button{display:none!important}.profile{display:grid;place-items:center;padding:5%;margin:0 auto 500px}.profile__top{border:1px solid #000;background-color:hsla(0,0%,100%,.274);border-radius:15px;padding:5% 17%;display:flex;flex-direction:column}.profile__emailP{font-size:10px}.profile__pic{display:flex;align-items:center;justify-content:space-evenly}.profile__middle .profile__avatar{height:100px;width:100px}h4{margin-bottom:4%}
/*# sourceMappingURL=main.f13d60d3.chunk.css.map */