.JoinPage{background:linear-gradient(to bottom left,red,#000);height:100vh;justify-content:center;width:100vw}.JoinContainer,.JoinPage{align-items:center;display:flex}.JoinContainer{flex-direction:column;height:50%;width:50%}.JoinContainer>img{border-radius:150px;width:10vmax}.JoinContainer>h1{border-bottom:.2vmax solid #fff;box-sizing:border-box;color:#fff;font-family:Roboto;font-size:2.5vmax;padding:1vmax;text-align:center;width:25vmax}#joinInput{margin:2vmax}#joinInput,.joinbtn{border:none;box-sizing:border-box;font-size:1.2vmax;outline:none;padding:1.5vmax;width:25vmax}.joinbtn{background-color:crimson;color:#fff;cursor:pointer;font-family:Roboto;transition:all .3s}.joinbtn:hover{background-color:#b41b3a}*{margin:0;padding:0}.chatPage{background:linear-gradient(to bottom left,#000,red);height:100vh;width:100vw}.chatPage,h3{align-items:center;display:flex;justify-content:center}h3{color:#fff;text-transform:uppercase}.chatContainer{background-color:#fff;height:60%;width:50%}.header{align-items:center;background-color:crimson;display:flex;height:15%;justify-content:space-between}.header>h2{color:#fff;font-size:1.5vmax;margin:2.5vmax}.header img{cursor:pointer;margin:2.5vmax;transition:all .3s}.header>img:hover{transform:scale(1.2)}.chatBox{height:70%}.chatBox,.inputBox{box-sizing:border-box}.inputBox{display:flex;height:15%}#chatInput{background-color:#fff;border:none;border-top:.2vmax solid rgba(41,41,41,.562);box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1.2vmax;outline:none;padding:2vmax;width:80%}.sendBtn{background-color:crimson;border:none;color:#fff;cursor:pointer;transition:all .3s;width:21%}.sendBtn>img{filter:brightness(100) invert();transition:all .3s;width:2.6vmax}.sendBtn:hover{background-color:#9c0d2a}.sendBtn:hover img{transform:translateX(10px)}.messageBox{border-radius:.5vmax;clear:both;display:inline-block;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1.2vmax;margin:1vmax;padding:1vmax}.right{background-color:crimson;color:#fff;float:right;text-align:right}.left{background-color:#c4ffb8;float:left;text-align:left}
/*# sourceMappingURL=main.13c5971c.css.map*/