body{margin:0;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}.infoBar{-webkit-justify-content:space-between;justify-content:space-between;background:#e63946;border-radius:4px 4px 0 0;height:60px;width:100%}.infoBar,.leftInnerContainer{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.leftInnerContainer{-webkit-flex:0.5 1;flex:0.5 1;margin-left:5%;color:#fff}.rightInnerContainer{display:-webkit-flex;display:flex;-webkit-flex:0.5 1;flex:0.5 1;-webkit-justify-content:flex-end;justify-content:flex-end;margin-right:5%}.onlineIcon{margin-right:5%}.form{display:-webkit-flex;display:flex;border-top:2px solid #d3d3d3;height:50px}.input{border:none;border-bottom-left-radius:10px;padding:3%;width:80%;font-size:1.2em;height:100%}input:focus,select:focus,textarea:focus{outline:none}.sendButton{height:100%;color:#fff!important;text-transform:uppercase;text-decoration:none;background:#e63946;padding:3%;display:inline-block;border:none;width:20%;border-bottom-right-radius:8px}.sendButton:hover{cursor:pointer}.messageBox{background:#f3f3f3;border-radius:20px;padding:.1px 14px;color:#fff;display:inline-block;max-width:80%}.messageText{width:100%;letter-spacing:0;float:left;font-size:1.1em;word-wrap:break-word}.messageText img{vertical-align:middle}.messageContainer{-webkit-justify-content:flex-end;justify-content:flex-end;padding:0 5%;margin-top:3px}.messageContainer,.sentText{display:-webkit-flex;display:flex}.sentText{-webkit-align-items:center;align-items:center;font-family:Helvetica;color:#828282;letter-spacing:.3px}.pl-10{padding-left:10px}.pr-10{padding-right:10px}.justifyStart{-webkit-justify-content:flex-start;justify-content:flex-start}.justifyEnd{-webkit-justify-content:flex-end;justify-content:flex-end}.colorWhite{color:#fff}.colorDark{color:#353535}.backgroundBlue{background:#2979ff}.backgroundLight{background:#f3f3f3}.messages{padding:5% 0;overflow:auto;-webkit-flex:auto;flex:auto}.textContainer{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;margin-right:175px;color:#fff;height:90%;width:30%;-webkit-justify-content:space-between;justify-content:space-between}.user-container{min-height:90%;height:390px;margin-left:28%}#scrollbar{overflow-y:auto;min-height:80%;height:30vh;width:24vw}#scrollbar::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#f5f5f5}#scrollbar::-webkit-scrollbar{width:12px;background-color:#f5f5f5}#scrollbar::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#d62929}.activeContainer{margin-bottom:50%;padding:5px 0 7px}.activeContainer,.activeItem{display:-webkit-flex;display:flex}.activeItem{-webkit-align-items:center;align-items:center;word-wrap:break-word}.activeContainer img{padding-left:10px}.textContainer h1{margin-bottom:0}@media (min-width:630px) and (max-width:800px){#scrollbar{min-height:20%;height:25vh;width:90%;margin-bottom:100px}.user-container{width:80%}.textContainer{width:100%;margin-left:65px;height:250px}}@media (min-width:810px) and (max-width:1200px){#scrollbar{min-height:70%;height:27vh;width:100%;margin-bottom:100px}.textContainer{width:100%;margin-left:65px;height:350px}.user-container{width:50%}}@media (max-width:629px){.textContainer{width:100%;margin-right:80px;height:40%}#scrollbar{width:80%;min-height:40%;height:12vh;margin-bottom:20px}.user-container{height:100px;min-height:90%;margin-bottom:30px;width:100%;margin-left:24%}}.outerContainer{-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;min-height:100%;background-color:#1a1a1d}#container,.outerContainer{display:-webkit-flex;display:flex}#container{-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;background:#fff;border-radius:8px;min-height:90%;height:500px;max-width:45%;min-width:40%}.container-column{-webkit-flex:50% 1;flex:50% 1}a{color:#fff}@media (min-width:630px) and (max-width:800px){.outerContainer{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;padding-bottom:10px}#container{max-width:80vw;height:70vh}}@media (min-width:810px) and (max-width:1200px){.outerContainer{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;padding-bottom:10px}#container{max-width:60%}}@media (max-width:629px){.outerContainer{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;padding-bottom:10px}#container{max-width:80vw;height:70vh}}body,html{font-family:"Roboto",sans-serif;padding:0;margin:0}#root{height:100vh}*{box-sizing:border-box}.joinOuterContainer{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;text-align:center;min-height:100%;-webkit-align-items:center;align-items:center;background-color:#1a1a1d}.joinInnerContainer{max-width:30%;min-width:360px}.room-list-container{max-width:34%;min-width:480px;min-height:250px;margin-left:40px;max-height:20vh}.room-list{display:-webkit-flex;display:flex;overflow-y:auto}.room-list::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#f5f5f5}.room-list::-webkit-scrollbar{width:12px;background-color:#f5f5f5}.room-list::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#d62929}.room-list-column{-webkit-flex:50% 1;flex:50% 1;padding-left:5px}.joinInput{border-radius:0;padding:15px 20px;width:100%}.heading{padding-bottom:7px;margin-top:0}.heading,.heading2{color:#fff;font-size:2em;border-bottom:2px solid #fff}.heading2{padding-bottom:10px;margin-top:48px}.room-count-heading{color:#fff;text-align:left}.button{color:#fff!important;text-transform:uppercase;text-decoration:none;background:#e63946;padding:20px;border-radius:5px;display:inline-block;border:none;width:100%}.mt-20{margin-top:20px}.display-room-count,.display-room-name{color:#fff;text-align:left;word-wrap:break-word}.display-room-count{padding-left:2px}.room-name-heading{color:#fff;text-align:left}@media (max-width:640px){.joinOuterContainer{height:109%;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap}.joinInnerContainer{width:100%;-webkit-flex:50% 1;flex:50% 1}.room-list-container{-webkit-flex:50% 1;flex:50% 1;max-width:30%;min-width:300px;margin-left:-34px}#logo{margin-left:-22px}.room-list{height:120px;width:340px}.heading2{margin-top:10px}}button:focus{outline:0}.footer{width:100%;height:75px;background-color:#e63946;color:#fff;padding-top:8px}.name-section{height:60px;-webkit-justify-content:space-around;justify-content:space-around;width:100%}.footer-container,.name-section{display:-webkit-flex;display:flex}.footer-container{font-size:large;padding-top:18px;-webkit-justify-content:space-between;justify-content:space-between;width:150px}
/*# sourceMappingURL=main.48761695.chunk.css.map */