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{align-items:center;display:flex;flex-direction:column;justify-content:space-evenly}input{border-color:green;height:50px;margin-bottom:20px;width:40%}.userbox{width:70}.chat{align-items:center;border:1px solid grey;display:block;flex-direction:column;margin:30px;width:auto}.chat-header{background-color:gray;text-align:center;width:100%}.chat-footer{align-self:flex-end;border:1px solid grey;display:flex;height:30px;width:100%}.chat-footer input{border:none;height:95%;width:90%}.chat-footer button{background-color:#90ee90;border:1px solid grey;border-radius:0;height:100%}.chat-body{display:flex;flex-direction:column;height:500px;width:100%}.scroll{height:100%;width:100%}.scrollbar{overflow-x:hidden}#message{display:flex;width:100%}.you .message-content{background-color:#67e067;border-radius:15px}.other .message-content,.you .message-content{word-wrap:break-word;margin:10px;max-width:70%;padding:5px;white-space:pre-wrap}.other .message-content{background-color:#b6b4b4;border-radius:10px}.message-content{display:flex;flex-direction:column;justify-content:center}.you{justify-content:flex-end}.other{justify-content:flex-start}#message h3{margin-left:5px}.name{border-bottom:1px solid grey;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.message-content h5{text-align:end}.auth{align-items:center;border:1px solid grey;display:flex;flex-direction:column;height:400px;justify-content:space-evenly;margin:100px auto;width:80%}.input{background-color:initial;border:none;border-bottom:1px solid grey}.input,.invalid{border-radius:2px;height:35px;padding:2px;width:65%}.invalid{background-color:salmon;border:none;border-bottom:1px solid red}.btn-danger{background-color:#cc1d1d;border:none;border-radius:5px;color:#fff}.navlinks a{color:gray;font-size:larger;padding:5px;text-decoration:none}.navlinks a.active{border-bottom:1px solid #000;color:#000}.user{background-color:#fafafa;border-radius:10px;cursor:pointer;flex-direction:column;flex-grow:1;justify-content:center;margin:5px;padding:10px;text-align:center}.user,.userContainer{align-items:center;display:flex}.userContainer{margin-bottom:30px;margin-left:30px;margin-right:30px;overflow-x:auto;width:auto}@media only screen and (max-width:850px){.userbox{width:110}.chat h3{font-size:16px}.chat h5{font-size:10px}.userContainer{margin-bottom:30px;margin-left:30px;margin-right:30px}.chat{max-width:85%;width:80%}}@media only screen and (max-width:730px){.userbox{width:110}.chat{max-width:100%;width:auto}.userContainer{margin:20px}.chat h3{font-size:14px}.chat h5{font-size:10px}.user h3{font-size:14px}.user h4{font-size:8px}.message-content{max-width:90%}.chat{max-width:95%}}@media only screen and (max-width:510px){.totalContainer{width:100%}.message-content{max-width:95%}.chat{max-width:100%}.userContainer{margin:5px}.userContainer h3{font-size:10px}.userContainer h4,.userContainer h5{font-size:7px}.chat h3{font-size:13px}.chat h5{font-size:8px}.userContainer{background-color:#fff;max-width:100%;padding-bottom:40px;padding-top:20px}.user{height:70px;width:70px}.user h3{font-size:11px}.user h4{font-size:9px}.chat{max-width:98%;width:90%}}.signuppagemain{background-image:url(https://images.unsplash.com/photo-1551842864-a185da0fbbbb?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxzZWFyY2h8MjB8fGNoYXR0aW5nfGVufDB8MHwwfHw%3D&auto=format&fit=crop&w=600&q=60)}.loginpagemain,.signuppagemain{background-attachment:scroll;background-position:50%;background-repeat:no-repeat;background-size:cover;opacity:.8}.loginpagemain{background-image:url(https://images.unsplash.com/photo-1517245386807-bb43f82c33c4?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxzZWFyY2h8NjN8fGNoYXR0aW5nJTIwb25saW5lfGVufDB8MHwwfHw%3D&auto=format&fit=crop&w=600&q=60)}.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)}}.maincon{margin:0!important;padding:0!important}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#f5f5f5;width:5px}::-webkit-scrollbar-thumb{background-color:#ddd;border-radius:1rem;outline:1px solid #708090;width:1em}.text-small{font-size:.9rem}.chat-box,.messages-box{height:400px;overflow-y:scroll}input::-webkit-input-placeholder{color:#999;font-size:.9rem}input::placeholder{color:#999;font-size:.9rem}.main-container{display:flex}.chat-app .people-list{background:#d5d5d5;left:0;padding:20px;position:absolute;top:0;width:280px;z-index:7}.chat-app .chat{border-left:1px solid #eaeaea;margin-left:280px;margin-top:0}.people-list{transition:.5s}.people-list .chat-list li{border-radius:3px;list-style:none;padding:10px 15px}.people-list .chat-list li:hover{background:#efefef;cursor:pointer}.people-list .chat-list li.active{background:#efefef}.people-list .chat-list li .name{font-size:15px}.people-list .chat-list img{border-radius:50%;width:45px}.people-list img{border-radius:50%;float:left}.people-list .about{float:left;padding-left:8px}.people-list .status{color:#999;font-size:13px}.chat .chat-header{background-color:#70da5e;border-bottom:2px solid #f4f7f6;padding:15px 20px}.chat .chat-header img{border-radius:40px;float:left;width:40px}.chat .chat-header .chat-about{float:left;padding-left:10px}.chat .chat-history{border-bottom:2px solid #fff;padding:20px}.chat .chat-history ul{padding:0}.chat .chat-history ul li{list-style:none;margin-bottom:30px}.chat .chat-history ul li:last-child{margin-bottom:0}.chat .chat-history .message-data{margin-bottom:15px}.chat .chat-history .message-data img{border-radius:40px;width:40px}.chat .chat-history .message-data-time{color:#434651;padding-left:6px}.chat .chat-history .message{border-radius:7px;color:#444;display:inline-block;font-size:16px;line-height:26px;padding:18px 20px;position:relative}.chat .chat-history .message:after{border:10px solid transparent;border-bottom-color:#fff;bottom:100%;content:" ";height:0;left:7%;margin-left:-10px;pointer-events:none;position:absolute;width:0}.chat .chat-history .my-message{background:#efefef}.chat .chat-history .my-message:after{border:10px solid transparent;border-bottom-color:#efefef;bottom:100%;content:" ";height:0;left:30px;margin-left:-10px;pointer-events:none;position:absolute;width:0}.chat .chat-history .other-message{background:#e8f1f3;text-align:right}.chat .chat-history .other-message:after{border-bottom-color:#e8f1f3;left:93%}.chat .chat-message{padding:20px}.me,.offline,.online{font-size:8px;margin-right:2px;vertical-align:middle}.online{color:#86c541}.offline{color:#e47297}.me{color:#1d8ecd}.float-right{float:right}.clearfix:after{clear:both;content:" ";display:block;font-size:0;height:0;visibility:hidden}@media only screen and (max-width:767px){.chat-app .people-list{background:#fff;display:none;height:465px;left:-400px;overflow-x:auto;width:100%}.chat-app .people-list.open{left:0}.chat-app .chat{margin:0}.chat-app .chat .chat-header{border-radius:.55rem .55rem 0 0}.chat-app .chat-history{height:300px;overflow-x:auto}}@media only screen and (min-width:768px) and (max-width:992px){.chat-app .chat-list{height:650px;overflow-x:auto}.chat-app .chat-history{height:600px;overflow-x:auto}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:1){.chat-app .chat-list{height:480px;overflow-x:auto}.chat-app .chat-history{height:calc(100vh - 350px);overflow-x:auto}}
/*# sourceMappingURL=main.48198395.css.map*/