@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@500&display=swap);*{font-family:Roboto,sans-serif}@media (max-width:700px){.chat-container{background-color:#fff;height:100%!important;width:100%!important}.header{align-items:center;background-color:red;color:#fff;display:flex;height:10%!important;justify-content:space-between}.header>a>i,.header>h2{margin:8vw!important}.header>a>i{color:#fff;cursor:pointer;font-size:20px;transition:all .3s}.header>a>i:hover{-webkit-transform:scale(1.5)!important;transform:scale(1.5)!important}.chat-box{border:2px solid #000;height:80%!important}#chat-input{border:2px solid #000;font-size:3vmax!important;outline:none;padding:1.5vmax;width:80%}.message-box{background-color:#dcdcdc;display:inline-block;margin:1.8vmax;padding:1vmax;width:70%!important}}*{box-sizing:border-box;margin:0;padding:0}.join-page{background-color:#000;height:100vh;justify-content:center;width:100vw}.join-container,.join-page{align-items:center;display:flex}.join-container{color:#fff;flex-direction:column;height:50vh;width:50vw}.join-container>img{border-radius:10px;margin-top:5vh;width:25vh}#join-input{margin:1vmax}#join-input,.join-btn{border:none;font-size:1.2vmax;outline:none;padding:1.5vmax;width:25vmax}.join-btn{background-color:red;color:#fff;cursor:pointer;font-size:20px}.join-btn:hover{background-color:#d81919;transition:.3s}.chat-page{align-items:center;background-color:#000;display:flex;height:100vh;justify-content:center;width:100vw}.chat-container{background-color:#fff;height:60%;width:65%}.header{align-items:center;background-color:red;display:flex;height:15%;justify-content:space-between}.header>a>i,.header>h2{color:#fff;margin:1.5vmax}.header>a>i{cursor:pointer;font-size:20px;transition:all .3s}.header>a>i:hover{-webkit-transform:scale(1.5);transform:scale(1.5)}.chat-box{border:2px solid #000;height:75%}.input-box{display:flex;height:10%}#chat-input{border:2px solid #000;font-size:1.5vmax;outline:none;padding:1.5vmax;width:80%}.send-btn{background-color:crimson;border:none;cursor:pointer;width:20%}.send-btn:hover{background-color:#cb0b31;transition:.3s}.send-btn>img{-webkit-filter:brightness(100);filter:brightness(100);transition:.3s;width:30%}.send-btn:hover.send-btn>img{-webkit-transform:translateX(10px);transform:translateX(10px)}.message-box{background-color:#dcdcdc;display:inline-block;margin:1.8vmax;padding:1vmax;width:50%}.right{background-color:crimson;border-radius:10px 0 10px 10px;float:right}.left,.right{color:#fff;padding:5px}.left{background-color:#3fd8bc;border-radius:0 10px 10px 10px;float:left}
/*# sourceMappingURL=main.f4f49b67.css.map*/