body{margin:0}@media(max-aspect-ratio:7/10){JoinPage{display:flex;justify-content:center;align-items:flex-start!important}.JoinContainer{margin-top:30vw!important;width:100%!important}.JoinContainer>img{width:30vw!important}.JoinContainer>h1{font-size:6vw!important;width:65vw!important;border-bottom:.6vw solid #fff!important;padding:3vw!important}#joinInput{margin:5vw!important}#joinInput,.joinbtn{width:65vw!important;padding:4vw!important;font-size:5vw!important}.chatContainer{background-color:#fff;height:100%!important;width:100%!important}.header{height:10%!important}.header>h2{margin:8vw!important;font-size:5vw!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{padding:4vw!important;font-size:4vw!important}.messageBox{padding:3vw!important;margin:3vw!important;border-radius:1.5vw!important;font-size:3.7vw!important}}.JoinPage{background-color:#1f1d1d;width:100vw;height:100vh;justify-content:center}.JoinContainer,.JoinPage{display:flex;align-items:center}.JoinContainer{width:50%;flex-direction:column}.JoinContainer>img{width:5vmax}.JoinContainer>h1{color:#87ceeb;font-size:2.5vmax;width:25vmax;border-bottom:.2vmax solid #fff;text-align:center;padding:1vmax;font-family:"Dancing Script";box-sizing:border-box}#joinInput{margin:2vmax}#joinInput,.joinbtn{width:25vmax;padding:1.5vmax;border:none;outline:none;font-size:2.5vmax;font-family:"Dancing Script";box-sizing:border-box}.joinbtn{background-color:#40e0d0;transition:3s;cursor:pointer}.joinbtn:hover{background-color:tomato}.chatPage{background-color:#1f1d1d;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}.chatContainer{background-color:#fff;height:60%;width:50%}.header{background-color:salmon;height:15%;display:flex;align-items:center;justify-content:space-evenly}.header>h2{font-size:1.5vmax;color:teal;margin:2.5vmax}.header img{margin:2.5vmax;transition:all .3s;cursor:pointer}.header>img:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.chatBox{height:70%}.chatBox,.inputBox{box-sizing:border-box}.inputBox{height:15%;display:flex}#chatInput{width:80%;padding:2vmax;box-sizing:border-box;background-color:#fff;outline:none;font-size:1.2vmax;border:none;border-top:.2vmax solid rgba(41,41,41,.562)}#chatInput,.sendBtn{font-family:"Dancing Script"}.sendBtn{background-color:salmon;color:#708090;border:none;width:21%;transition:all .3s;cursor:pointer;font-size:2vmax}.sendBtn>img{width:2.6vmax;-webkit-filter:brightness(100) invert();filter:brightness(100) invert();transition:all .3s}.sendBtn:hover{background-color:#23c8c8}.sendBtn:hover img{-webkit-transform:translateX(10px);transform:translateX(10px)}.messageBox{padding:1vmax;margin:1vmax;border-radius:.7vmax;display:inline-block;clear:both;font-family:"Dancing Script"}.right{float:right;background-color:coral;color:#fff;text-align:right}.left{float:left;text-align:left;background-color:#76dd84;color:#fff}
/*# sourceMappingURL=main.70de9e14.chunk.css.map */