body{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}body{margin:0}.joinPage{background-color:#000;width:100vw;height:100vh;justify-content:center}.joinContainer,.joinPage{display:flex;align-items:center}.joinContainer{width:50%;flex-direction:column}.joinContainer>h1{color:#fff;font-size:2.5vmax;width:25vmax;border-bottom:.2vmax solid #fff;text-align:center;padding:1vmax;box-sizing:border-box}#joinInput{margin:2vmax}#joinInput,.joinbtn{width:25vmax;padding:1.5vmax;border:none;outline:none;font-size:1.2vmax;box-sizing:border-box}.joinbtn{color:#fff;font-family:"Roboto";background-color:#ebff3a;transition:all .3s;cursor:pointer}.joinbtn:hover{background-color:#d3d03f}.chatPage{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.chatContainer{background-color:#ffebcd;height:60%;width:50%}.chatHeader{background-color:#ff0;height:10%}.chatBox{height:80%;box-sizing:border-box}.chatBox,.inputBox{border:1px solid #000}.inputBox{height:10%;display:flex}#chatInput{width:80%;box-sizing:border-box;background-color:#fff;padding:1px;outline:none}#sendButton{width:20%;background-color:green;color:#fff;border:none;outline:none;cursor:pointer}.messageBox{padding:1vmax;margin:1vmax;border-radius:.5vmax;display:inline-block;clear:both;font-size:1.2vmax}.right{float:right;background-color:#92ff88;text-align:right}.left{float:left;text-align:left;background-color:#fff}
/*# sourceMappingURL=main.e09c5b68.chunk.css.map */