body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.home{background-color:#181012;background-position:50%;overflow-anchor:none;overflow-x:hidden;overflow-y:hidden;overscroll-behavior:contain;padding-bottom:24px;width:100%}.chat-section{align-items:center;display:flex;flex-direction:column;justify-content:center}.title{color:azure;font-family:Caprasimo;font-size:30px;margin-top:20px}.box{align-items:center;background-color:#d6dee1;height:90vh;justify-content:center;margin-left:50px;margin-right:50px;margin-top:10px;max-height:240vh;width:90%}.box,.box-two{border-radius:25px;display:flex}.box-two{background-color:#b9c3cd;flex-direction:row;flex-wrap:wrap;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;height:85vh;max-height:-webkit-fit-content;max-height:-moz-fit-content;max-height:fit-content;position:relative;width:96%}.your-chats{display:flex;flex-direction:row;justify-content:space-between;padding-left:1rem;padding-top:3rem}.chats{font-family:Caprasimo;font-size:20px;margin-top:-3rem;padding-left:4rem;position:relative}.chats-section{align-items:flex-start;height:auto;justify-content:flex-start;max-height:650px;overflow-x:hidden;overflow-y:auto;padding-left:10px;padding-right:15px;width:330px}.right-section{display:flex;flex-direction:column;flex-wrap:nowrap;min-width:10vh;width:800px}.your-chats-button{height:40px;margin-top:15px;width:100px}.conversations{min-width:40%}.conversations,.no-chats{background-color:#283038;border-radius:5%;display:flex;flex-direction:column;height:75vh;margin-bottom:200px;margin-left:4rem;margin-top:3rem;padding-top:-1rem;position:relative;width:95%}.no-chats{justify-content:center;min-width:50%}.start-chatting{color:#fff;display:flex;flex-direction:column;font-size:30px;margin-left:12rem}.add-user{display:flex;flex-direction:row;height:0;padding-left:2rem;padding-top:.2rem}.add-button{margin-left:1rem;width:40px}.type{bottom:5px;display:flex;flex-direction:row}.send-button,.type{margin-left:2rem}.otherUserProfileImg{border-radius:50%;height:50px;width:50px}::-webkit-scrollbar{padding-right:30px;width:10px}::-webkit-scrollbar-track{background:#dcdcdc;border-radius:5px}::-webkit-scrollbar-thumb{background:#181012;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#555}.new-chat-button{margin-left:150px;margin-top:10px;width:100px}@media (max-width:1247px){.chats{margin-top:0}}@media (max-width:500px){.chats{margin-right:4rem}.your-chats-button{height:40px;margin-right:2rem;margin-top:15px;width:100px}.new-chat-button{margin-left:0}.start-chatting{margin-left:70px}.conversations{margin-right:4rem}.no-chats{margin-left:1rem}}@media (max-width:1388px){.box{background-color:#d6dee1;height:180vh;margin-left:50px;margin-right:50px;margin-top:10px;width:90%}.box,.box-two{align-items:center;border-radius:25px;display:flex;justify-content:center}.box-two{background-color:#b9c3cd;flex-direction:row;flex-wrap:wrap;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;height:175vh;max-height:-webkit-fit-content;max-height:-moz-fit-content;max-height:fit-content;position:relative;width:96%}.chats{font-family:Caprasimo;font-size:20px;margin-top:-4rem;padding-left:4rem}.right-section{margin-right:2rem}.conversations{background-color:#283038;border-radius:30px;flex-direction:column;height:75vh;margin-bottom:200px;margin-top:3rem;min-height:30%;padding-top:-1rem;position:relative;width:95%}.conversations,.type{display:flex;margin-left:2rem}.type{bottom:5px;flex-direction:row;position:absolute;width:85%}.send-button{margin-right:0;padding-left:0}.add-user{display:flex;flex-direction:row;height:0;padding-left:0;padding-top:.2rem}.add-button{margin-left:0;width:40px}}.texts{height:60vh;margin-top:4rem;min-width:50%;overflow-x:hidden;overflow-y:scroll;overscroll-behavior:contain;width:100%}.other-user-section{display:flex;flex-direction:column;margin-bottom:2rem;margin-left:.9rem;margin-top:2rem}.other-username{color:#e2dce6;font-size:15px;padding-left:4.5rem}.other-user{display:flex;flex-direction:row;width:100%}.received-text{word-wrap:break-word;background-color:#fff;border-radius:20px;margin-left:.8rem;max-height:auto;max-width:50%;padding:.8rem 1.2rem .5rem}.current-user{align-content:right;display:flex;flex-direction:row;float:right;justify-content:right;margin-bottom:2rem;padding-right:1rem;width:100%}.sent-text{word-wrap:break-word;background-color:#46a2ff;border-radius:20px;margin-right:.8rem;max-height:auto;max-width:50%;padding:.8rem 1.2rem .5rem}.profile-section{display:flex;flex-direction:row;height:20px;margin-left:4rem;margin-top:.3rem;min-width:20%;width:95%}.myProfileImg{border-radius:50%;cursor:pointer;height:60px;width:60px}.group-title-section{background-color:#d6dee1;border-radius:50px;color:#000;font-family:Caprasimo;font-size:20px;height:30px;margin-left:10rem;margin-top:1rem;min-width:20%;width:60%}.group-text,.group-title-section{display:flex;justify-content:center}.group-text{margin-left:.3rem;margin-top:.4rem}.profile-image{margin-left:5rem}@media (max-width:1410px){.profile-section{margin-left:2rem}}@media (max-width:580px){.group-title-section{margin-left:0}}.single-chat{align-items:center;border-radius:18px;color:#000;cursor:pointer;display:flex;flex-direction:row;flex-wrap:nowrap;font:1.5rem sans-serif;height:100px;justify-content:center;margin-bottom:2rem;margin-top:1rem;min-width:30%;position:relative;width:90%;will-change:transform}.single-chat:after,.single-chat:before{background-color:#283038;content:"";display:block;left:0;position:absolute;top:0;transition:all .25s ease-in-out}.single-chat:before{box-shadow:298px 0 #283038;height:100px;width:2px}.single-chat:after{box-shadow:0 98px #283038;height:2px;width:300px}.single-chat:hover:before{box-shadow:318px 0 #283038;left:-10px}.single-chat:hover:after{box-shadow:0 118px #283038;top:-10px}.profileImg{border-radius:50%;height:60px;margin-right:1rem;margin-top:0;width:60px}.names{display:flex;flex-direction:column;font-family:Courier New,Courier,monospace;margin-right:1rem}.convo-names{display:flex;flex-direction:row;margin-top:-5px}.convo h6,.convo-names{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:170px}.convo h6{margin-top:-1.5rem}.signup-page{align-items:right;background-image:url(/static/media/background.60a5fffa3798ee65afb6.jpeg);background-position:100%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;justify-content:right;max-height:642px;overflow-y:hidden;padding-bottom:15.2rem;padding-left:3rem}.username{padding-top:13rem}.login-page{background-image:url(/static/media/background.60a5fffa3798ee65afb6.jpeg);background-position:100%;background-repeat:no-repeat;background-size:cover;max-height:566px;overflow-y:hidden;padding-bottom:19.99rem}.login-page,.username{align-items:right;display:flex;flex-direction:column;justify-content:right}.username{color:#fff;margin-left:auto;margin-right:150px;padding-top:11rem;position:relative}.textfield{color:#fff;display:flex;flex-direction:column;margin-top:20px}.welcome-section{display:flex;flex-direction:row;margin-bottom:-1rem}.chat-icon{height:70px;padding-left:20px;width:70px}.enter-button{padding-top:2rem}.login-signup-buttons{display:flex;flex-direction:row;justify-content:space-between;margin-top:-.5rem;padding-bottom:.5rem;padding-left:7rem;width:240px}.input-error{color:#fff;display:flex;flex-direction:column;margin-top:20px}.input-error:hover{box-shadow:0 .2em .7em red}.error{color:red;font-size:1rem;margin-bottom:-10px;margin-top:10px;padding-right:13rem}
/*# sourceMappingURL=main.29a5d65e.css.map*/