body{margin:0}@media (max-aspect-ratio:7/10){.JoinPage{align-items:flex-start!important;display:flex;justify-content:center}.JoinContainer{margin-top:30vw!important;width:100%!important}.JoinContainer>img{width:30vw!important}.JoinContainer>h1{border-bottom:.6vw solid #fff!important;font-size:6vw!important;padding:3vw!important;width:65vw!important}#joinInput{margin:5vw!important}#joinInput,.joinbtn{font-size:5vw!important;padding:4vw!important;width:65vw!important}.chatContainer{background-color:#fff;height:100%!important;width:100%!important}.header{height:10%!important}.header>h2{font-size:5vw!important;margin:8vw!important}.header img{margin:6vw!important;-webkit-transform:scale(2)!important;transform:scale(2)!important}.header>img:hover{-webkit-transform:scale(3.2)!important;transform:scale(3.2)!important}.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.7vw!important;margin:3vw!important;padding:3vw!important}}.JoinPage{background-color:#1f1d1d;height:100vh;justify-content:center;width:100vw}.JoinContainer,.JoinPage{align-items:center;display:flex}.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: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}.chatPage{align-items:center;background-color:#1f1d1d;display:flex;height:100vh;justify-content:center;width:100vw}.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{-webkit-transform:scale(1.2);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{-webkit-filter:brightness(100) invert();filter:brightness(100) invert();transition:all .3s;width:2.6vmax}.sendBtn:hover{background-color:#9c0d2a}.sendBtn:hover img{-webkit-transform:translateX(10px);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.0c58f3da.css.map*/