@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap);body{font-family:Roboto,sans-serif;margin:0;padding:0}.JoinPage{background-color:#201c1c;border:4px solid #201c1c;height:98.7vh;justify-content:center;width:99.4vw}.JoinPage,.joinContainer{align-items:center;display:flex}.joinContainer{box-sizing:border-box;flex-direction:column;width:50%}.joinContainer img{width:10vmax}.joinContainer h1{border-bottom:4px solid #fff;color:#fff;font-size:2.5rem;padding-bottom:10px;text-align:center;width:30vmax}.joinContainer input[type=text]{border-radius:10px;font-size:20px;height:45px;outline:none;padding-left:8px;width:30vmax}.joinContainer button{background-color:#de0f3f;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:25px;font-weight:700;height:45px;margin-top:25px;width:30.7vmax}.chatPage{align-items:center;background-color:#201c1c;border:4px solid #201c1c;display:flex;height:98.7vh;justify-content:center;width:99.4vw}.chatContainer{background-color:#fff;height:30rem;width:50%}.header{align-items:center;background-color:crimson;box-sizing:border-box;display:flex;height:15%;justify-content:space-between}.header h2{color:#fff;margin:1.5vmax}.header a img{height:15px;margin-right:18px;transition:all .3s;width:15px}.header a img:hover{cursor:pointer;-webkit-transform:scale(2);transform:scale(2)}.chatBox{height:70%;padding-bottom:10px}.chatBox,.inputBox{box-sizing:border-box}.inputBox{border:3px solid #000;display:flex;height:15%;justify-content:space-around}#chatInput{box-sizing:border-box;outline:none;width:79%}#chatInput,.sendBtn{border:none;font-size:20px;font-weight:700}.sendBtn{background-color:crimson;color:#fff;cursor:pointer;height:95%;margin-top:1.5px;transition:all .3s ease-in-out;width:20%}.sendBtn:hover{background-color:#c50229}@media (max-width:620px){.chatContainer{height:85%;margin-right:1.5rem;width:80%}.chatBox{height:75%}.inputBox{height:10%}}.messageBox{background-color:#dcdcdc;border-radius:.5vmax;clear:both;display:inline-block;font-size:18px;font-weight:400;margin:1vmax;padding:1vmax;width:45%}@media (max-width:620px){.messageBox{font-size:16px}}.right{background-color:#c12242;color:#fff;float:right}.left,.right{margin-bottom:-1px}.left{background-color:#6deb6d;float:left}.bolder{font-weight:700}
/*# sourceMappingURL=main.b809e2a3.css.map*/