*{overflow:hidden}body{height:100%;margin:0;padding:0;width:100%}.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>.Logo_Img{height:150px;object-fit:contain;width:250px!important}.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;padding:1.5vmax;width:25vmax}.joinbtn{background-color:crimson;color:#fff;cursor:pointer;font-family:Roboto;outline:none;-webkit-transform:all .3s;transform:all .3s}p>span{color:crimson}@media only screen and (max-width:400px){.JoinPage{height:100vh}.JoinContainer{align-items:center;display:flex;height:100%;justify-content:center;width:100%}#joinInput{width:80%}#joinInput,.joinbtn{font-size:1rem;padding:15px}.joinbtn{width:80vw}p{color:#fff}}.chatPage{align-items:center;background-color:#1f1d1d;display:flex;height:100vh;justify-content:center;overflow:hidden;width:100vw}.chatContainer{background-color:#fff;height:60%;width:50%}.header{align-items:center;background-color:#232d36;display:flex;height:15%;justify-content:space-between}.header>h2{color:#fff;font-size:1.5vmax;margin:2.5vmax;text-align:center}.header span{cursor:pointer;margin:2.5vmax;text-decoration:none;transition:all .3s}.header>span:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.chatbox{background-image:url(https://wallpaperaccess.com/full/2224420.jpg),linear-gradient(180deg,#302e2e,#fff);background-position:50%;background-repeat:repeat-y;background-size:cover;box-sizing:border-box;height:70%}.inputBox{display:flex;height:15%}#chatInput{background-color:#093633;border:none;border-top:.2vmax solid rgba(41,41,41,.562);box-sizing:border-box;color:#f7f0f0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1.2vmax;outline:none;padding:2vmax;width:80%}.sendBtn{background-color:#232d36;border:none;color:#fff;cursor:pointer;transition:all .3s;width:21%}.sendBtn:hover{background-color:#161a1f}@media only screen and (max-width:400px){.chatPage{background-color:transparent;flex-direction:column;height:100%!important;overflow-y:hidden;width:100%}.chatContainer{background-image:url(https://wallpaperaccess.com/full/2224420.jpg);background-position:50%;background-repeat:repeat-y;background-size:cover;height:100%;width:100%}.header{height:10vh}.header>h2{font-size:20px;letter-spacing:1.2px}.chatbox{height:65vh}.inputBox{font-size:1.2rem;height:70px}#chatInput{font-size:1em}.footer{color:#fff;text-align:center}}.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:#093633;float:right;text-align:right}.left,.right{word-wrap:break-word;border-radius:20px;color:#f8f5f5;max-width:50%;opacity:.8}.left{background-color:#232d36;float:left;text-align:left}@media only screen and (max-width:400px){.messageBox{font-size:16px;margin:10px 25px;max-width:60%}}
/*# sourceMappingURL=main.a0b11df7.css.map*/