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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{margin:0}@media(max-width:500px){.joinPage{align-items:flex-start!important;display:flex;justify-content:center}.JoinContainer{margin-top:20vw!important;width:100%!important}.JoinContainer>img{width:25vmax!important}.JoinContainer>h1{border-bottom:.6vw solid #fff!important;font-size:5vmax!important;padding:3vw!important;width:65vw!important}#joinInput{margin:5vw!important}#joinInput,.joinbtn{font-size:5vw!important;padding:4vw!important;width:65vw!important}.chatContainer{height:97%!important;width:100%!important}.header{height:10%!important}.header>h2{font-size:5vw!important;margin:8vw!important}.header img{font-size:12px;margin:6vw!important;-webkit-transform:scale(2);transform:scale(2)}.header img:hover{-webkit-transform:scale(3.2);transform:scale(3.2)}.sendBtn>img{width:6vmax}.chatBox{height:80%!important}.inputBox{height:10%!important}#chatInput{font-size:4vw!important;padding:4vw!important}.messageBox{border-radius:1.5vw!important;font-size:3.5vw!important;margin:3vw!important;padding:3vw!important}}.joinPage{background-color:#3d3434;height:100vh;width:100vw}.JoinContainer,.joinPage{align-items:center;display:flex;justify-content:center}.JoinContainer{flex-direction:column;width:50%}.JoinContainer>img{width:10vmax}.JoinContainer>h1{border-bottom:.2vmax solid #fff;box-sizing:border-box;color:#fff;font-family:Ubuntu,"san-serif";font-size:2.5vmax;padding:1vmax;text-align:center;width:30vmax}#joinInput{margin:2vmax}#joinInput,.joinbtn{border:none;box-sizing:border-box;font-size:1.2vmax;outline:none;padding:1.3vmax;width:30vmax}.joinbtn{background-color:crimson;color:#fff;cursor:pointer;font-family:Ubuntu,"san-serif";transition:all .3s}.joinbtn:hover{background-color:#ba2f4b}.chatPage{align-items:center;background-color:#3d3434;display:flex;height:100vh;justify-content:center;width:100vw}.chatContainer{background-color:#fff;height:60%;width:50%}.header{align-items:center;background-color:crimson;box-sizing:border-box;display:flex;height:15%;justify-content:space-between}.header>h2{color:#fff;margin:2.5vmax}.header img{cursor:pointer;margin:2.5vmax;transition:all .3s;width:9px}.header img:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.chatBox{height:70%;overflow-y:auto}.chatBox,.inputBox{box-sizing:border-box}.inputBox{display:flex;height:15%}#chatInput{background-color:#fff;border:none;border-top:.2vmax solid #aea9a9;box-sizing:border-box;font-family:Roboto,"san-serif";font-size:1.2vmax;outline:none;padding:2vmax;width:80%}.sendBtn{background-color:crimson;border:none;color:#fff;cursor:pointer;font-size:1.2vmax;transition:all .3s;width:20%}.sendBtn:hover{background-color:#a8344b}.sendBtn>img{-webkit-filter:brightness(100) invert();filter:brightness(100) invert();transition:all .3s;width:2.6vmax}.sendBtn:hover img{-webkit-transform:translateX(10px);transform:translateX(10px)}.messageBox{background-color:#dcdcdc;border-radius:.5vmax;clear:both;display:inline-block;font-family:Ubuntu,"san-serif";font-size:1.2vmax;margin:1.8vmax;padding:1vmax}.right{background-color:crimson;color:#fff;float:right;text-align:right}.left{background-color:#9fc25b;float:left;text-align:left}
/*# sourceMappingURL=main.cabd54bc.css.map*/