#modal{display:flex;justify-content:center;align-items:center}#modal,#modal-background{position:fixed;top:0;right:0;left:0;bottom:0}#modal-background{background-color:rgba(0,0,0,.7)}#modal-content{border:1px solid hsla(0,0%,98%,.2);position:absolute;background-color:#1d1c1d;border-radius:10px;max-height:80%}.signup-container{margin:0 auto;height:500px;width:600px;text-align:center}.signup-container input{width:400px;height:25px}.single-message-container{display:flex;flex-direction:row;padding:7px 0;margin:0 15px}.single-message-container:hover{background-color:#323132}.single-message-container .single-message-header-button-container{visibility:hidden}.single-message-container:hover .single-message-header-button-container{visibility:visible;display:flex;border:1px solid rgba(209,210,211,.15);border-radius:5px}.profile-pic-msg{width:35px;height:35px;border-radius:50%;object-fit:cover;padding-top:3px;padding-right:10px}.single-message-details{width:100%}.single-message-header{display:flex;flex-wrap:nowrap;flex-direction:row;justify-content:space-between}.single-message-user{font-size:16px;font-weight:700}.single-message-user-timestamp{padding-bottom:10px}.single-message-timestamp{padding-left:10px;font-size:12px}.users-message{font-size:14px;padding-bottom:7px;word-break:break-all}.single-message-header-button{font-size:11px;border:1px transparent;border-radius:5px;background-color:initial;color:#fff;cursor:pointer;padding:1px 7px;margin:2px}.single-message-header-button:hover{background-color:rgba(101,99,101,.7411764705882353)}.edit-message-form-modal{width:400px;height:auto;margin:15px}.edit-message-form-modal form{display:flex;flex-direction:column;align-items:center;grid-gap:10px;gap:10px}.edit-message-form-modal textarea{color:#f5f5f5}.edit-message-form-modal button{background-color:#1c1d1e;padding:5px 50px;color:#f5f5f5;cursor:pointer;font-weight:700;border-radius:5px}.edit-message-form-modal button:hover{background-color:brown;color:#f0f8ff}.edit-message-send-button{display:flex;justify-content:center}.message-textarea{border-radius:5px;resize:none;background-color:initial}.reaction-container{padding:3px 0}.send-bttn{right:70px;bottom:25px}.delete-message-modal{width:400px;height:200px;color:#f0f8ff;text-align:center}.delete-message-modal h2{margin:0;padding-top:10px}.delete-message-modal-buttons{display:flex;flex-direction:column;margin-top:20px;padding:0 20px}.no-button-delete,.yes-button-delete{background-color:#1c1d1e;padding:5px 50px;color:#f5f5f5;font-weight:700;border-radius:5px}.errors{font-size:small;color:red}.message-replies-button{margin:8px 0;background-color:initial;border:1px solid transparent;border-radius:5px;color:#0af;cursor:pointer;padding:3px 10px}.message-replies-button .message-reply-hidden{visibility:hidden}.message-replies-button:hover .message-reply-hidden{visibility:visible}.message-replies-button:hover{border:1px solid #939596;background-color:#1d1c1d}.message-reply-view-thread{color:#939596;padding-left:10px;padding-right:100px}.message-reply-caret{color:#939596}.reaction-form-modal{text-align:center;width:240px;background-color:#524f4f;padding-bottom:10px;cursor:pointer}.reaction-form-modal h2{color:#ebeaea;margin:0;padding:10px}.actuall-reaction{background:transparent;color:#f5f5f5;cursor:pointer;font-size:14px;border-radius:10px;border:1px solid transparent;background:#2f2e2f;margin:1px}.actuall-reaction:hover{border:1px solid #939596;background-color:#1d1c1d}.edit-channel-label{color:#f5f5f5;align-self:flex-start;margin-left:45px}h3{color:#f5f5f5;margin-left:15px}#allusers-channelusers-tab{display:flex;justify-content:space-around}#allusers-channelusers-tab h4:hover{cursor:pointer}#update-channel-title{margin-top:10px}#edit-channel-all-users{height:330px;overflow:scroll;overflow-x:hidden;display:flex;flex-direction:column;grid-gap:5px;gap:5px}#edit-channel-all-users::-webkit-scrollbar{width:12px}#edit-channel-all-users::-webkit-scrollbar-track{background:transparent}#edit-channel-all-users::-webkit-scrollbar-thumb{background-color:#2b2e36;border-radius:10px;border:none}.form-errors{color:red;font-size:small}.channel-info-members-modal{color:#1d1c1d;width:380px}.channel-info-members-modal-container{display:flex;flex-direction:column;justify-content:center;align-items:center}.channel-info-members-modal h2{margin-top:5px;text-align:center;padding:10px 0;color:#f0f8ff;width:100%}.channel-info-description{color:#f5f5f5;border:1px solid hsla(0,0%,79.6%,.4);height:100px;width:80%;margin:5px;border-radius:10px;padding:5px}.delete-edit-buttons{display:flex;justify-content:space-around;margin-top:10px}.delete-edit-buttons button{background-color:#1c1d1e;padding:5px 50px;color:#f5f5f5;cursor:pointer;font-weight:700;border-radius:5px}.delete-edit-buttons button:hover{background-color:brown}.user-profile-pic{width:40px;height:40px;border-radius:50%;object-fit:cover;margin-left:10px}.channel-members-list{height:350px;overflow:scroll;overflow-x:hidden;display:flex;flex-direction:column;grid-gap:5px;gap:5px}.channel-members-list::-webkit-scrollbar{width:12px}.channel-members-list::-webkit-scrollbar-track{background:transparent}.channel-members-list::-webkit-scrollbar-thumb{background-color:#2b2e36;border-radius:10px;border:none}.channel-members-list-container{color:#f5f5f5;display:flex;justify-content:space-between;align-items:center}.channel-members-list-container:hover{background-color:#606060;border-radius:5px}.list-name-lastname{margin-right:10px}.edit-channel-modal{color:#1d1c1d;width:450px;font-weight:700}.edit-channel-modal img{height:30px;width:30px;border-radius:50%;object-fit:cover}.edit-channel-modal h3{margin:0;text-align:center;padding:10px 0;color:#f0f8ff;width:100%}.channel-edit-name-descr{display:flex;flex-direction:column;align-items:center;grid-gap:8px;gap:8px;margin:0}.channel-edit-name-descr input,.channel-edit-name-descr textarea{color:#f5f5f5;background-color:#141414;border-radius:5px;padding:10px;width:80%}.channel-edit-name-descr textarea{resize:none}.edit-channel-add-member{color:#f5f5f5;display:flex;justify-content:space-between;align-items:center;margin:0 10px}.edit-channel-add-member div{display:flex;align-items:center;grid-gap:5px;gap:5px}.edit-channel-add-member button{background-color:#1c1d1e;color:#f5f5f5;padding:5px 20px;border-radius:5px;cursor:pointer;font-weight:700;margin-top:4px}.edit-channel-add-member button:hover{background-color:brown;color:#f5f5f5}.submit-edit-channel{background-color:#1c1d1e;color:#f5f5f5;padding:5px 10px;width:80%;font-weight:700;font-size:20px;text-align:center;border-radius:5px;margin-top:10px;margin-bottom:10px;cursor:pointer}.submit-edit-channel:hover{background-color:#2a2b2c;color:#f0f8ff;cursor:pointer}.submit-edit-button-container{display:flex;justify-content:center}.delete-channel-modal{width:400px;height:200px;background-color:#313030;color:#f0f8ff;text-align:center}.delete-channel-modal h2{margin:0;padding-top:10px}.delete-channel-modal-buttons{display:flex;flex-direction:column;margin-top:20px;padding:0 20px}.yes-button-delete{margin-bottom:15px;padding:10px 0;font-size:20px;cursor:pointer}.yes-button-delete:hover{background-color:#7080f3}.no-button-delete{padding:10px 0;font-size:20px;cursor:pointer}.no-button-delete:hover{background-color:#f37470}#dm-members-title{margin-bottom:20px}#edit-channel-modal-info{justify-content:center}.update-channel-inputfeild{width:100%}#allusers-channelusers-tab{height:50px;margin-bottom:12px;color:#f5f5f5}.tab-open{border-bottom:2px solid rgba(209,210,211,.8)}.tab-close,.tab-open{display:flex;justify-content:center;width:140px;padding-bottom:5px}#edit-channel-modal-info{display:flex;flex-direction:column}.message-textarea{width:100%;height:100px;background:transparent;border:2px solid grey;border-radius:10px;box-shadow:2px 2px 2px #000;align-self:flex-end;font-family:"Montserrat",sans-serif;color:inherit;font-size:inherit;box-sizing:border-box;padding:15px}.send-bttn{align-self:flex-end;position:relative;right:7px;bottom:55px;border:none;background-color:initial;border-radius:5px;padding:10px;color:#d1d2d3;width:70px}.send-bttn:hover{background-color:hsla(0,0%,82.7%,.067);cursor:pointer}.send-icon{font-size:1.3rem}.send-bttn:disabled{cursor:default;background-color:inherit;color:#6a6a6a}.input-area-button-div{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-right:20px;padding-left:20px}.thread-page{width:350px}.close-threads-bttn-div{align-self:flex-end}.close-threads-bttn{background-color:initial;border:none;border-radius:5px;color:#d3d3d3;font-weight:900;font-size:1rem;height:40px;width:40px}.close-threads-bttn:hover{background-color:hsla(0,0%,82.7%,.067);cursor:pointer}.thread-page{margin-left:30px;display:flex;flex-direction:column;justify-content:space-between}.threads-container{overflow:scroll;display:flex;flex-direction:column-reverse;height:40vh;max-height:40vh;overflow-x:hidden;padding-bottom:20px}.threads-container::-webkit-scrollbar{width:12px}.threads-container::-webkit-scrollbar-track{background:transparent}.threads-container::-webkit-scrollbar-thumb{background-color:#2b2e36;border-radius:10px;border:none}.threads-container_{padding-right:20px}.threads-header{display:flex;align-items:center;justify-content:space-between;margin:10px 20px 10px 35px}.threads-header>h3{margin:0}.thread-message{margin-bottom:30px;word-break:break-all}.thread-message-div{border-bottom:1px solid rgba(209,210,211,.3)}.replies-tag{position:relative;bottom:17px;background-color:#1d1c1d;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;color:hsla(0,0%,82.7%,.362);padding:5px}.names-in-threads{font-weight:500}.time{font-weight:400;font-size:.7rem}.time:hover{text-decoration:underline;cursor:pointer}.thread-page .profile-pic-msg{width:35px;max-width:35px;max-height:35px;height:35px;border-radius:50%;object-fit:cover}.thread-page .message-textarea{height:90px}.single-thread-message-container{display:flex;flex-direction:row;padding:5px 0;max-width:100%}.single-thread-message-container:hover{background-color:#323132}.single-thread-message-container .single-thread-delete-button{visibility:hidden}.single-thread-message-container:hover .single-thread-delete-button{visibility:visible}.single-thread-delete-button{font-size:12px;border:1px transparent;border-radius:5px;background-color:initial;color:#fff;cursor:pointer;padding:2px 7px;margin:2px}.single-thread-delete-button:hover{background-color:rgba(101,99,101,.7411764705882353)}.single-thread-message{display:flex;flex-direction:column;width:100%}.single-thread-header{display:flex;flex-direction:row;justify-content:space-between;padding-right:5px;padding-bottom:5px}.single-thread-profile-pic{display:flex}.message-page-container{display:flex;flex-direction:column;width:100%;height:100%;border-right:1px solid rgba(209,210,211,.15);border-left:1px solid rgba(209,210,211,.15)}.message-page-header{max-height:90px;padding:20px 15px;border-bottom:1px solid rgba(209,210,211,.15)}.channel-info-modal{height:40px;font-size:20px;font-weight:700;background-color:initial;border:5px #fff;border-radius:8px;color:#d1d2d3;cursor:pointer;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;padding-right:10px}.channel-info-modal:hover{background-color:rgba(101,99,101,.7411764705882353)}.messages-container{display:flex;flex-direction:column-reverse;height:55vh;max-height:55vh;width:100%;overflow-y:scroll;overflow-x:hidden;padding:22px 0}.messages-container::-webkit-scrollbar{width:12px}.messages-container::-webkit-scrollbar-track{background:transparent}.messages-container::-webkit-scrollbar-thumb{background-color:#2b2e36;border-radius:10px;border:none}#messages-container-parent{width:100%}.message-input-container{height:25vh;max-height:25vh;width:auto;display:flex;flex-direction:column;position:relative}.login-form-modal{width:330px;height:auto;display:flex;flex-direction:column;color:#f5f5f5;align-items:center;font-size:20px}.login-form-modal h1{color:#f5f5f5;margin-bottom:5px;padding-bottom:none}.login-form-prop{width:90%;font-weight:700;display:flex;flex-direction:column;align-items:center;grid-gap:5px;gap:5px}.login-form-prop input{width:98%;color:#f5f5f5;background-color:#141414;border-radius:5px;padding:10px}.login-button{width:105%;text-align:center;border-radius:5px;background-color:#1c1d1e;color:#f5f5f5;height:40px;font-size:20px;font-weight:700;cursor:pointer;margin-top:10px}.login-button:hover{background-color:brown}.demo-user-buttons{width:100%;margin-top:10px;display:flex;justify-content:space-around;grid-gap:15px;gap:15px}.demo-user-button{background-color:#1c1d1e;color:#f5f5f5;border-radius:5px;padding:10px;width:100%;font-weight:700;cursor:pointer;margin-bottom:15px}.david:hover{background-color:#5353d8;color:#f0f8ff}.victoria:hover{background-color:#d751e3;color:#f0f8ff}.login-form-prop input:-webkit-autofill,.login-form-prop input:-webkit-autofill:active,.login-form-prop input:-webkit-autofill:focus,.login-form-prop input:-webkit-autofill:hover{-webkit-text-fill-color:#f3f3f0!important;-webkit-box-shadow:0 0 0 30px #0e0e0e inset!important}.form-error,.signup-form-error{color:red;font-weight:700;width:80%}.signup-form-error{font-size:12px}.signup-form-modal{width:400px;height:auto;display:flex;flex-direction:column;color:#f5f5f5;align-items:center;font-size:20px}.signup-form-modal h1{color:#f5f5f5;margin-bottom:5px;padding-bottom:none}#sign-up-form{width:90%;display:flex;flex-direction:column;align-items:center;grid-gap:5px;gap:5px;justify-content:center;margin-bottom:10px}#sign-up-form input{width:100%;color:#f5f5f5;background-color:#141414;border-radius:5px;padding:10px}.signup-button{width:106%;text-align:center;border-radius:5px;background-color:#1c1d1e;color:#f5f5f5;height:40px;font-size:20px;font-weight:700;cursor:pointer;padding:0 10px;margin-top:10px}.signup-button:hover{background-color:brown}#upload-label{font-size:15px;margin-bottom:10px;margin-top:15px;align-self:flex-start}#upload-profile-pic{padding:0}#upload-profile-pic::file-selector-button{border-radius:5px;padding:10px;background-color:#141414;color:#f5f5f5;border:1px solid hsla(0,0%,79.6%,.4);cursor:pointer}#sign-up-form input:-webkit-autofill,#sign-up-form input:-webkit-autofill:active,#sign-up-form input:-webkit-autofill:focus,#sign-up-form input:-webkit-autofill:hover{-webkit-text-fill-color:#f3f3f0!important;-webkit-box-shadow:0 0 0 30px #0e0e0e inset!important}.profile-dropdown{position:absolute;list-style:none;display:flex;flex-direction:column;grid-gap:5px;gap:5px;border-radius:10px;align-items:center;border:1px solid #464646}.log-bttn,.profile-dropdown{background-color:#1d1c1d;padding:10px}.log-bttn{border:none;color:#d1d2d3;border-radius:10px;width:120px}.log-bttn:hover{background-color:hsla(0,0%,82.7%,.067);border:none;cursor:pointer}.site-icon{font-size:2rem;color:#d1d2d3}.nav-links{padding:0;list-style:none;display:flex;align-items:center;color:#d1d2d3}.site-icon-link{padding:20px}.about-link{color:#f5f5f5;text-decoration:none;font-size:14px}header{background-color:#333;color:#fff;padding:10px}.flex-center-center{display:flex;justify-content:center;align-items:center}.navbar-container{display:flex;justify-content:flex-start;align-items:center}nav ul{list-style-type:none;margin:0;padding:0}.features-li{padding:10px}nav ul li{display:inline;margin-right:10px}nav ul li a{color:#fff;text-decoration:none}section{padding:40px 20px}section h1{font-size:50px;color:#ebebeb;text-shadow:3px 3px 3px #ab5151}.hero-h2{font-size:50px;color:#ab5151;margin-bottom:20px;text-shadow:1px 1px 1px #000}footer{background-color:#333;padding:10px}#hero,footer{color:#fff;text-align:center}#hero{background-position:50%;background-image:url(/static/media/background.3297a8f8.jpg);background-size:cover;padding:150px 20px}.hero-content{max-width:600px;margin:0 auto}.btn{background-color:#1c1d1e;color:#f5f5f5;border-radius:5px;display:inline-block;padding:10px 20px;text-decoration:none;transition:background-color .3s ease;margin-left:15px;margin-right:15px;cursor:pointer;width:130px;font-weight:700}.btn:hover{background-color:brown;color:#d9e0e7}#about-blocks{display:flex;justify-content:space-around;align-items:center;margin-top:60px}.dev-image{height:200px;width:200px;border-radius:50%;object-fit:cover}.github-link{text-decoration:none;color:#d1d2d3}.github-link:hover{text-decoration:underline}.dev{display:flex;flex-direction:column;align-items:center}.about-dev-text{font-size:smaller;padding:0 25px;text-align:center}.fa-arrow-up-right-from-square{font-size:.7rem}.landing-page-login-buttons{display:flex;flex-direction:row;justify-content:center}#all-channels-container{width:300px;padding-right:25px}.channels-container{display:flex;flex-direction:column}#channel-channel-container{border-bottom:1px solid rgba(209,210,211,.1);padding-bottom:20px}.create-channel-container{display:flex;justify-content:space-between}#channels-directMessages-container{margin-top:0}.channel-titles{margin-left:8px}.channel-titles>h4{margin-left:6px;margin-bottom:6px;margin-top:2px}.create-channel-button{margin-top:20px}.create-channel-button:hover{cursor:pointer}.channel-tag{font-weight:700;align-items:center;margin:2px 0 2px 6px;height:20px;border-radius:4px;padding-left:4px;overflow:hidden;background:transparent;font-size:13px;color:#d1d2d3;text-decoration:none;white-space:nowrap}.channel-tag:hover{cursor:pointer;background-color:brown}.selected-channel{font-weight:700;align-items:center;margin:2px 0 2px 6px;height:20px;border-radius:4px;padding-left:4px;overflow:hidden;background-color:red;font-size:13px;color:#d1d2d3;text-decoration:none;white-space:nowrap}.dms-container{display:flex;flex-direction:column}.hidden{display:none}.create-channel-button{margin:0;background:transparent;border:none;font-size:13px;color:#d1d2d3;font-weight:700;font-family:"Montserrat",sans-serif}#create-channel-all-users{height:400px;overflow:scroll;overflow-x:hidden;display:flex;flex-direction:column}#create-channel-all-users::-webkit-scrollbar{width:12px}#create-channel-all-users::-webkit-scrollbar-track{background:transparent}#create-channel-all-users::-webkit-scrollbar-thumb{background-color:#2b2e36;border-radius:10px;border:none}#create-channel-title{align-self:center;text-align:center;padding:15px 0}.create-channel-add-user{color:#f5f5f5;display:flex;justify-content:space-between;align-items:center;margin-left:5px;margin-right:5px}.create-channel-add-user:hover{background-color:#606060;border-radius:5px}.create-channel-modal{color:#1d1c1d;font-weight:700;width:400px}.create-channel-modal h3{padding-left:20px;padding-top:10px;padding-bottom:10px;margin:0;color:#f0f8ff}.add-user-to-channel-button{background-color:#1c1d1e;color:#f5f5f5;margin-right:5px}.channel-name-desc{display:flex;flex-direction:column;margin:15px;align-content:center}.create-channel-name input{color:#f5f5f5;background-color:#141414;border-radius:5px;padding:10px}.create-channel-textarea{margin-top:10px;font-weight:700}.create-channel-textarea textarea{color:#f5f5f5;background-color:#141414;border-radius:5px;padding:10px;resize:none}.create-channel-submit{background-color:#1c1d1e;color:#f5f5f5;padding:5px 10px;width:80%;font-weight:700;font-size:20px;text-align:center;border-radius:5px;margin-top:10px;margin-bottom:10px;cursor:pointer}.create-channel-submit:hover{background-color:#dd2525;color:#f0f8ff}.create-channel-submit-div{border-top:1px solid hsla(0,0%,79.6%,.4);display:flex;justify-content:center}.create-channel-user-img{width:30px;height:30px;border-radius:50%;object-fit:cover;margin:0 5px}.create-channel-img-container{display:flex;align-items:center}.create-channel-inputfeild{width:94%}.create-dm-modal{font-weight:700;width:400px}.create-dm-modal h3{padding-left:20px;padding-top:10px;padding-bottom:10px;margin:0;color:#f0f8ff}.add-user-to-channel-button{padding:5px 15px;margin-top:5px;margin-bottom:5px;font-weight:700;border-radius:5px}.add-user-to-channel-button:hover{background-color:#dd2525;color:#f0f8ff;cursor:pointer}.create-dm-add-user{color:#f5f5f5;display:flex;justify-content:space-between;align-items:center;margin-left:5px;margin-right:5px}.create-dm-add-user:hover{background-color:#606060;border-radius:5px}.add-user-to-dm-button{background-color:#1c1d1e}.add-user-to-dm-button,.button-disabled{color:#f5f5f5;padding:5px 15px;margin-top:5px;margin-bottom:5px;font-weight:700;border-radius:5px;margin-right:5px}.button-disabled{background-color:#545454}.add-user-to-dm-button:hover{background-color:#dd2525;color:#f0f8ff;cursor:pointer}.create-dm-submit{background-color:#1c1d1e;color:#f5f5f5;padding:5px 10px;width:80%;font-weight:700;font-size:20px;text-align:center;border-radius:5px;margin-top:10px;margin-bottom:10px;cursor:pointer}.create-dm-submit:hover{background-color:#dd2525;color:#f0f8ff}.create-dm-submit-div{border-top:1px solid hsla(0,0%,79.6%,.4);display:flex;justify-content:center}.create-dm-all-users{height:400px;overflow:scroll;overflow-x:hidden;display:flex;flex-direction:column}.create-dm-all-users::-webkit-scrollbar{width:12px}.create-dm-all-users::-webkit-scrollbar-track{background:transparent}.create-dm-all-users::-webkit-scrollbar-thumb{background-color:#2b2e36;border-radius:10px;border:none}.create-dm-img-container{display:flex;align-items:center}.create-dm-img-container img{width:30px;height:30px;object-fit:cover;border-radius:50%;margin:0 5px}.page-not-found{width:100%}.error-page-image{width:100vw}body{background:#1d1c1d;color:#d1d2d3;font-weight:300}a,body,button,div,input,label,p,span,textarea{font-family:"Montserrat",sans-serif}.home-page-main{display:grid;grid-template-columns:.5fr 3fr auto}button,input{border:1px solid hsla(0,0%,79.6%,.4)}.links-div a{margin-left:15px;font-weight:700}.about-page-dev h4{font-size:40px;margin:20px}.about-page-img{margin-top:20px;width:300px;height:300px}.about-page-text{margin-bottom:30px;font-size:16px;width:70%}
/*# sourceMappingURL=main.969cc518.chunk.css.map */