*{margin:0;padding:0}body,html{overflow:hidden}#root,.App,.JoinOuter,body,html{width:100%;height:100%}.JoinOuter{background:#473b3b;display:block}.JoinInner{border-radius:50px;border:2px solid wheat;width:80%;height:70%;position:relative;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background:wheat;padding-top:20px}.heading{width:40%;-webkit-transform:translateX(-50%);transform:translateX(-50%);text-align:center}#name,.heading{position:relative;height:10%;left:50%}#name{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}#name,#room{background:none;outline:none;border:none;border-bottom:2px solid #473b3b;font-size:large;color:#473b3b;width:70%;padding-left:20px;padding-right:20px}#room{-webkit-transform:translate(-50%,100%);transform:translate(-50%,100%)}#room,.joinbutton{height:10%;position:relative;left:50%}.joinbutton{width:40%;border:2px solid #473b3b;background:none;color:#473b3b;font-size:large;transition:.8s;-webkit-transform:translate(-50%,200%);transform:translate(-50%,200%);padding-left:20px;padding-right:20px}.joinbutton:hover{color:wheat;background:#473b3b}@media only screen and (min-width:768px){.JoinOuter{width:70%;height:70%;position:relative;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}}@media only screen and (min-width:976px){.JoinOuter{width:30%;height:50%;position:relative;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}}.chat{position:relative;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;height:100%}@media only screen and (min-width:768px){.chat{border:2px solid #2aa1be;width:70%;height:70%}}@media only screen and (min-width:976px){.chat{border:2px solid #2aa1be;width:25%;height:60%}}.infobar{width:100%;height:10%;background:#2aa1be}.infobar,.leftinner{position:relative;display:-webkit-flex;display:flex}.leftinner{width:50%;height:100%}.leftinner h3{width:30%;height:30%;left:10%}.leftinner h3,.onlineicon{position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.onlineicon{width:5%;height:15%;display:block;left:5%}.rightinner{position:relative;width:50%;height:100%}.closeIcon{left:85%;top:30%}.closeIcon,.form{position:relative}.form{width:100%;height:10%;padding-left:10px;padding-top:20px}.input{width:70%;border:none;border-bottom:2px solid #0ff;outline:none;font-size:1em}.sendbutton{margin-left:10px;width:20%;border:none;outline:none;background:#2aa1be;height:50%;font-size:1.2em;color:#faebd7}.messageArea{height:80%}.messageArea,.msgspan{position:relative;width:100%}.message{position:inherit;width:70%;display:-webkit-flex;display:flex;padding-left:10px;padding-top:10px;padding-bottom:10px}.senttext{padding-left:2%;color:#79746e;position:inherit;-webkit-transform:translateY(30%);transform:translateY(30%)}.messageBox{background:rgba(165,155,155,.37);width:70%;padding-left:15px;padding-right:15px;border-radius:20px;text-overflow:ellipsis}.pr{padding-right:2%}.justifyEnd{position:relative;left:27%}.backgroundBlue{background:#2aa1be;color:#fff}.msgtext{padding:10px}::-webkit-scrollbar{width:7px;padding-right:3px}::-webkit-scrollbar-track{background:none}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}
/*# sourceMappingURL=main.1f991208.chunk.css.map */