@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@300;500;600&family=Titan+One&display=swap);#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{position:absolute;background-color:#fff}.splash-page-wrapper{overflow:hidden;height:100vh;width:100%;display:flex;flex-direction:column;justify-content:space-between;background-color:#414eed}#splash-container{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}#splash-top-bar{padding:10px 50px;box-sizing:border-box;width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;z-index:2}#logo-title-container,#splash-top-bar{display:flex;justify-content:space-between;align-items:center}#logo-title-container{z-index:1;height:40px}.splash-logo__image{height:40px;width:40px}#splash-title{margin:0 15px;font-family:"Titan One",cursive;font-size:26px;font-weight:lighter;color:#fff}#login-button{background-color:#fff;border-radius:22px;border:none;padding:15px;margin:10px;color:#414eed;font-size:13px;z-index:1;color:#000}#login-button:hover{cursor:pointer;box-shadow:0 10px 10px 0 rgba(0,0,0,.178)}.about-text{width:60vw;z-index:1;text-align:center;margin-bottom:200px}.about-text__title{font-family:"Titan One",cursive;font-weight:500;font-size:60px;color:#fff}.about-text__paragraph{color:#fff;font-size:18px}.splash-bg{width:100vw;height:100vh}.splash-bg,.splash-bg__image{position:absolute}.splash-bg__image--center{right:-50%;bottom:-52%;height:200%;width:200%}.splash-bg__image--left{left:-50%;bottom:0;height:50%}.splash-bg__image--right{right:-50%;bottom:0;height:50%}.git-links{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,70%);transform:translate(-50%,70%);display:flex;flex-direction:column;background-color:#fff;padding:15px;border-radius:15px;box-shadow:0 10px 15px -7px #000}.git-links__cards{display:flex;justify-content:space-between}.git-links__card{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:15px;margin:5px;border-radius:10px;box-shadow:0 10px 15px -7px #000}.git-links__card__image{height:50px;width:50px;border-radius:50%;margin:10px}.git-links__anchor{color:#414eed;font-weight:700}.page-wrapper{height:100vh;width:100vw;justify-content:center;background-image:url(/static/media/loginBackground.4e225e5a.svg);background-size:cover}.master-div,.page-wrapper{display:flex;align-items:center}.master-div{color:#fff;position:absolute;background-color:#313338;border-radius:5px;justify-content:space-between}.master-div.login{height:408px;width:784px}.master-div.sign-up{justify-content:center;align-items:center;width:480px;height:562px}.main-form.sign-up h2{margin:40px 0 0;display:flex;justify-content:center}.main-form.sign-up{width:100%}.actual-form.sign-up{margin-right:30px;margin-top:0}.login-signup-button.sign-up{padding:15px 180px;margin:30px 0 20px}.actual-form.sign-up label{font-weight:bolder}.main-form{height:100%}.actual-form,.main-form{display:flex;flex-direction:column}.actual-form{margin-left:30px;margin-top:20px}.actual-form label{margin-top:10px}.actual-form input{background-color:#1e1f22;color:#fff;border:0;border-radius:5px;padding:10px}.actual-form input:focus{outline:none}.img-div{position:absolute;height:100vh;width:100%;overflow:hidden}.temp-img-class{overflow:hidden;size:fill}.potential-qr-code-div{margin:10%;display:flex;flex-direction:column;align-items:center}.qr-code-actual{height:176px;width:176px;border-radius:10px}.login-signup-button{background-color:#5865f2;color:#fff;border:0;border-radius:5px;transition:background-color .17s ease}.login-signup-button.login{padding:15px 190px;margin:30px 0 20px}.login-signup-button:hover{cursor:pointer;background-color:#4752c4}.login-signup-button:focus{background-color:#3c45a5}.title-div.login{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:30px;font-weight:bolder;font-size:24px}.welcome-back{margin-bottom:8px}.signup-redirect-text{color:#a3a6aa}.signup-redirect-text.link{color:#05a5e4}.non-title-text{color:#a3a6aa;font-weight:100;font-size:16px;margin:0}.form-labels{font-weight:bolder;color:#b9bbbe;display:flex;align-items:center}.form-labels.true{color:#ef7378}.errors-actual.login{font-weight:100;visibility:visible;color:#ef7378;font-style:italic;font-size:12px}.dot{padding-left:2px;visibility:hidden}#main-container{height:100vh;display:flex;background-color:#35393f;position:relative}#main-loading-container{display:flex;align-items:center;justify-content:center;background-color:#35393f;width:100%;height:100%}#main-loading-text,.loading-text{color:#babcc4;-webkit-animation:fade 2s infinite;animation:fade 2s infinite}.loading-text{font-size:20px}@-webkit-keyframes fade{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes fade{0%{opacity:0}50%{opacity:1}to{opacity:0}}#left-container{background-color:#202225;display:flex}#left-nav-bar{position:relative;width:65px;padding:5px;display:flex;flex-direction:column;align-items:center;overflow:auto}#direct-message-button{background-color:#2469ff;height:50px;width:50px;border-radius:50%}#direct-message-button:hover{cursor:pointer}.dm-logo{height:50px;width:50px}#left-nav-center{border-top:1px solid #424242;border-bottom:1px solid #424242}#left-nav-bar::-webkit-scrollbar{width:8px;background-color:#2e3338;border-radius:4px;margin-top:4px}#left-nav-bar::-webkit-scrollbar-thumb{width:8px;background-color:#202225;border-radius:4px}#left-nav-top{display:flex;justify-content:center;padding:10px 0}#left-nav-bottom{position:relative}.left-nav-button{border-radius:50%;padding:5px;margin:5px 0}#left-menu{width:240px;display:flex;flex-direction:column;background-color:#2f3136}#left-menu-top{height:50px;width:100%;border-bottom:1px solid #202225}#left-menu-center{display:flex;flex-direction:column;margin:5px}#direct-message-title{padding:10px;color:#d9dce4;font-weight:bolder}#left-menu-center a{color:#96989d;display:flex;padding:10px;margin:2px 0;border-radius:4px;font-weight:bolder}#left-menu-center a.active{background-color:#35393f;color:#d9dce4}#left-menu-center a:hover{background-color:#35393f}#center-container,.center-container{background-color:#35393f;width:100%;display:flex;flex-direction:column}#comments-and-comment-form-container{height:100%;width:100%;display:flex;flex-direction:column}#server-center{display:flex;width:100%;height:100%;overflow:hidden}#center-top,.center-top{min-height:50px;border-bottom:1px solid #202225;display:flex;align-items:center;padding:0 10px}#center-top p,.center-top .channel-name,.center-top p{margin:0;color:#fff;font-weight:bolder}.center-top .channel-desc{margin:0;padding-left:15px;color:hsla(0,0%,100%,.771);font-size:small}#center-messages{height:100%;overflow-y:scroll;padding-right:5px}#center-messages::-webkit-scrollbar{width:8px;background-color:#2e3338;border-radius:4px;margin-top:4px}#center-messages::-webkit-scrollbar-thumb{width:8px;background-color:#202225;border-radius:4px}#center-comments{height:100%;width:100%;overflow-y:scroll;padding-right:5px}#center-comments::-webkit-scrollbar{width:8px;background-color:#2e3338;border-radius:4px}#center-comments::-webkit-scrollbar-thumb{width:8px;background-color:#202225;border-radius:4px}#welcome-message{display:flex;width:50%;padding:50px;color:#d9dce4}.message-card{position:relative;display:flex;flex-direction:column;padding:10px;color:#d9dce4}.message-card:hover{background-color:#272b30}.message-card-top,.message-options{display:flex;align-items:center}.message-options{position:absolute;top:0;right:20px;border-radius:5px;border:1px solid #202225;justify-content:space-around;height:40px;width:60px}.message-options:hover{box-shadow:0 5px 15px -5px #000}.message-option{color:#babcc4}.message-option:hover{color:#fff;cursor:pointer}.options-hidden{display:none}#message-edit-input{width:100%;min-height:40px;padding:10px;border-radius:8px;border:none;background-color:#40444b;color:#d9dce4;box-sizing:border-box}#message-edit-input:focus{outline:none}.message-card-username{margin-right:10px;color:#eff1f7;font-weight:bolder;margin-top:5px}.message-card-date{font-size:small;margin-top:5px}.message-content-container{display:flex;align-items:center}.message-content{margin:5px 0}.edited-tag{margin:5px 8px;font-size:10px;color:#96989d}#message-form-container{height:100px;align-items:center}#message-form-container,#message-input{width:100%;display:flex;justify-content:center}#message-input{padding:10px}#comment-input{width:100%;display:flex;justify-content:center}#message-input input[type=text]{width:100%;box-sizing:border-box;padding:12px;border:none;border-radius:8px;color:#d9dce4;background-color:#40444b}#message-input input[type=text]:focus{outline:none}#server-members{height:100%;width:240px;margin-left:9px;background-color:#2f3136;overflow-y:scroll}#server-members::-webkit-scrollbar{width:8px;background-color:#2e3338;border-radius:4px}#server-members::-webkit-scrollbar-thumb{width:8px;background-color:#202225;border-radius:4px}.member-card{display:flex;padding:10px;color:#d9dce4;justify-content:space-between;align-items:center}.member-card:hover{background-color:#272b30}.member-options{display:flex;box-shadow:0 5px 10px -5px #000;border-radius:5px}.member-options:hover{background-color:#202225}.member-options i{margin:10px;color:#96989d}.member-options i:hover{color:#fff;cursor:pointer}.join-server-container{position:relative;display:flex;flex-direction:column;background-color:#fff}.join-server-text{display:flex;flex-direction:column;align-items:center}.join-server-title{color:#000;font-size:22px}.join-server-info{font-size:14px;color:#5d5d5e;margin:0}.code-example-title,.code-input-label{color:#4d5058;font-size:12px;font-weight:700;margin:10px 0}.code-input{border:none;outline:none;height:40px;border-radius:5px;padding:0 10px;background-color:#e3e5e8;color:#4f5053}.req-asterisk{color:red}.code-input-div{display:flex;flex-direction:column}.errors-actual{color:#ef7378;font-weight:200}.join-server-button{border:none;background-color:#5865f2;color:#fff;height:40px;border-radius:5px;padding:0 25px;cursor:pointer}.code-example{color:#5d5d5e;margin:0;font-size:14px}.close-modal-button{position:absolute;right:15px;top:15px;color:#c1c1c4;cursor:pointer;font-size:20px}.close-modal-button:hover{color:#000}.createServerContainer{background-color:#fff;display:flex;flex-direction:column;justify-content:center;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.createServerContainer::-webkit-scrollbar{width:8px;background-color:#2e3338;border-radius:4px;margin-top:4px}.createServerContainer::-webkit-scrollbar-thumb{width:8px;background-color:#202225;border-radius:4px}.categoryContainer{display:flex;flex-direction:column;margin:0 15px 15px;border-radius:5px;overflow:hidden}.category-choice{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:0 15px;color:#e3e5e8;background-color:#3c4ae6}.category-choice:hover,.category-selected{background-color:#5865f2}.server-name-input-div{display:flex;flex-direction:column;padding:15px}.server-name-input-label{color:#4d5058;font-size:12px;font-weight:700;margin:5px 0}.server-name-input{border:none;outline:none;height:40px;border-radius:5px;padding:0 10px;background-color:#e3e5e8;color:#4f5053}.create-server-bottom{display:flex;flex-direction:row-reverse;background-color:#f2f3f5;padding:15px}.create-server-button{border:none;background-color:#5865f2;color:#fff;height:40px;border-radius:5px;padding:0 25px;cursor:pointer}.create-server-button:hover{background-color:#3c4ae6}.serverNameContainer>input::-webkit-input-placeholder{color:#fff;text-align:center;opacity:1}.serverNameContainer>input::placeholder{color:#fff;text-align:center;opacity:1}.serverNameContainer>input:focus{color:#fff}.serverNameContainer>input[type=text]{display:grid;width:40em;background-color:#4951e8;justify-content:center;text-align:center;height:3em;color:#fff;font-size:14px}.serverNameContainer>input[type=text]:focus{background-color:#8085ef;color:#fff;font-weight:bolder;font-size:14px}.CreateServerHeader{font-size:24px;color:#000;font-weight:bolder;text-align:center;display:grid}.CreateServerDescription{color:#797a80;font-size:16px;text-align:center}.create-server-text-div{padding:0 40px}.join-server-top{padding:15px}.join-server-bottom{display:flex;flex-direction:row-reverse;padding:15px;background-color:#f2f3f5}.serverModalContainer{background-color:#fff;display:flex;flex-direction:column}.OpenModalButton{height:40px;width:100%}.serverModalHeader{display:flex;flex-direction:column;align-items:center;font-size:18px;color:#000;margin:0}.serverModalInformation{font-size:12px;text-align:center;color:#6e6f78}.ServerModalCreateServer .OpenModalButton{background-color:#fff;border:1px solid grey;border-radius:5px;cursor:pointer}.ServerModalCreateServer,.ServerModalJoinServer{display:flex;flex-direction:column;align-items:center;padding:15px}.ServerModalJoinServer{background-color:#f3f4f5;text-align:center}.ServerModalInviteAlready{text-align:center;font-weight:700;color:#111112}.ServerModalJoinServer .OpenModalButton{background-color:#8b8c93;border:0;color:#fff;border-radius:5px}.ServerModalCreateServer .OpenModalButton:hover{background-color:#8b8c93;transition-property:background-color;transition-duration:.5s;cursor:pointer}.ServerModalJoinServer .OpenModalButton:hover{background-color:#6e6f78;transition-property:background-color;transition-duration:.5s;cursor:pointer}.ServerButtonIcon{width:3.2em;height:3.2em;display:grid;align-self:center;margin-left:.3em;margin-top:.3em}.ServerButtonIcon Button{border-radius:25px;display:grid;background-color:#36393f;border:1px}.ServerButtonIcon Button:hover{border-radius:15px;background-color:#3b9758;transition-property:border-radius,background-color;transition-duration:.5s;cursor:pointer;color:#fff}.serverListButton .OpenModalButton:hover{color:#fff}.serverListButton .OpenModalButton{background-color:unset;border:none;cursor:pointer;color:#fff}.serverListButton button{cursor:pointer}.ServerButtonPlus{display:grid;justify-content:center;align-items:center;color:#fff;width:100%;height:100%}.ServerButtonPlus:hover{color:#fff}.logout-popout-hidden{display:none}#logout-button-container{position:relative}.logout-popout{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:444px;background-color:#313338;border:1px solid #000;border-radius:5px;box-shadow:0 0 10px -4px #000;padding:20px;display:flex;justify-content:center;align-items:center;z-index:3}.popout-button-blue{border:none;background-color:#5865f2;color:#fff;font-weight:700;height:40px;width:100%;border-radius:5px;cursor:pointer}.popout-button-blue:hover{background-color:#414eed}.serverListButton{border-radius:25px;display:grid;background-color:#36393f;color:#fff;width:5em;height:5em;text-align:center;align-content:center;margin-top:.3em;margin-bottom:.3em;font-size:10px;font-weight:700;cursor:pointer}.serverListButton .fa-plus{font-size:30px;font-weight:100}.serverListButton button{background-color:unset;border:none}.serverListButton:hover{border-radius:15px;background-color:#5865f2;transition-property:border-radius,background-color;transition-duration:.5s}.serverListContainer{display:flex;flex-direction:column;align-items:center}.server-nav-button{width:100%;border-radius:50%;overflow:hidden}.server-nav-icon{height:50px;width:50px;border-radius:50%;margin:5px 0;cursor:pointer}.no-icon{display:flex;justify-content:center;align-items:center;background-color:#5865f2;color:#fff;font-weight:700}.server-nav-icon:hover{border-radius:15px;transition-property:border-radius,background-color;transition-duration:.5s}#modal-content{background-color:#313338;color:#fff;padding:1px}.create-channel-title{margin-top:0;font-size:20px;color:#d5d9dc}.create-channel-container,.create-channel-form{display:flex;flex-direction:column}.create-channel-form{box-sizing:border-box;margin:0}.create-channel-inputs{display:flex;flex-direction:column;padding:15px}.create-channel-buttons{display:flex;box-sizing:border-box;flex-direction:row-reverse;background-color:#2b2d31;width:100%;padding:15px}.create-channel-input{background-color:#1e1f22;outline:none;border-radius:5px;border:none;height:40px;padding:15px;box-sizing:border-box;color:#d5d9dc}.channel-name-input-container{position:relative;display:flex;flex-direction:column}.channel-name-hash{position:absolute;top:19px;left:12px;font-weight:700}.channel-name-input{padding-left:25px;position:relative}.channel-modal-label{font-weight:700;font-size:12px;color:#d5d9dc;margin:5px 0}.server-channel-list{display:flex;flex-direction:row;align-items:center}.server-channel-list .channel-name{flex-grow:1}.server-channel-header{display:flex;flex-direction:row;align-items:center}.server-channel-header #direct-message-title{flex-grow:1}.serverNameContainer{cursor:pointer}.serverNameContainer,.serverNameOpen{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;height:100%;padding:0 14px;box-sizing:border-box}.serverNameContainer:hover{background-color:#3d4044;transition:.2s ease-in}#server-options-icon,#server-options-title{color:#d9dce4;font-weight:bolder;margin:0}#server-options-icon{cursor:pointer}#server-option{padding:8px;box-sizing:border-box}#server-option,#server-option-update{color:#d9dce4;font-weight:700;border-radius:5px}#server-option-update{margin-left:8px;margin-top:10px;margin-bottom:3px}#server-option.blue-option:hover{background-color:#4351ee;cursor:pointer}#server-option.red-option{color:#f23f43}#server-option.red-option:hover{background-color:#f23f43;color:#d9dce4;cursor:pointer}#server-option:active{color:#b7bac2}#edit-server-name-form{width:100%;display:flex;box-sizing:border-box}#edit-server-name-form input{width:100%;padding:0 10px;margin-top:8px;border:none;border-radius:5px;height:40px;background-color:#3d4044;color:#d9dce4}#edit-server-name-form input:focus{outline:none}#separator{width:100%;border-bottom:1px solid #b7bac2}#server-options-modal.hidden{display:none}#server-options-modal{position:absolute;width:210px;border-radius:10px;right:5px;top:60px;display:flex;flex-direction:column;padding:0 10px;color:#d9dce4;background-color:#000}.main-container{height:100vh;display:flex;background-color:#35393f}.main-sections-container{display:flex;flex-direction:column;width:92vw}.left-menu{background-color:#2b2d31;width:15em}.left-menu-top{color:#fff;font-size:24px;font-weight:bolder;margin-left:1em;margin-top:1em}.left-menu-center{display:grid;grid-template-columns:1fr;margin:1em;color:#b5bac1}.left-menu-item{border:0;border-radius:6px;cursor:pointer;height:3em;background-color:#2b2d31;display:grid;color:#b5bac1;align-content:center;grid-template-columns:.25fr .75fr;text-align:start}.left-menu-item:focus{background-color:#5865f2;color:#fffffe}.left-menu-item:hover{background-color:#404246;color:#fffffe}.left-menu-item:active{background-color:#5865f2;color:#fffffe}.discoverIcon{margin-left:.4em;margin-top:.38em}.main-top-container{border:1px solid #000;display:flex;flex-grow:1}.main-top-search-container{border:1px solid red;display:flex;flex-grow:1;margin-left:10em;margin-right:18em;justify-content:center;align-items:center;margin-bottom:5em}.main-bottom-container{border:1px solid #000;display:flex;flex-grow:1;color:#fff;font-weight:bolder}.main-bottom-view-servers-container{border:1px solid red;display:flex;flex-grow:1;margin-left:19.25em;margin-right:18em}body{margin:0;font-family:Arial,Helvetica,sans-serif}a{text-decoration:none}.channel-custom-action-button-container button.OpenModalButton,button.btn-openmodal{border:none;cursor:pointer;list-style:none;color:#96989d;background-color:initial;padding:10px;height:35px;width:35px}#left-menu-center>div>div.server-channel-header>div>button{border-radius:50%}#left-menu-center>div>div.server-channel-header>div>button:hover{background-color:#202225}.channel-custom-action-button-container button.OpenModalButton:hover,button.btn-openmodal:hover{color:#fff}.error-container{color:#f23f3f}.textarea{width:100%;padding:12px 20px;margin:8px 0;display:inline-block;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-family:"Roboto",sans-serif;font-size:16px}#modal-content{width:500px;border-radius:8px;overflow-y:auto;max-height:90vh}#modal-content::-webkit-scrollbar{width:8px;background-color:#4f5053;border-radius:4px;margin-top:4px}#modal-content::-webkit-scrollbar-thumb{width:8px;background-color:#c1c1c4;border-radius:4px}#modal-content .title{margin-top:0}#IDENTIFIER{flex-grow:1}.logout-button-style{font-size:16px}.logout-modal-style{margin-top:0}.logout-q-style{margin:10px}.btn-no{border:none;padding:10px 25px;border-radius:8px;cursor:pointer;color:#00f}.btn{margin:5px}.btn-yes{border:none;padding:10px 25px;border-radius:8px;cursor:pointer;color:red}.btn:hover{-webkit-filter:brightness(90%);filter:brightness(90%)}#discordance-logo{height:100%;width:100%}
/*# sourceMappingURL=main.ea125ded.chunk.css.map */