*{box-sizing:border-box;margin:0;padding:0}body,button,input{font-family:Josefin Sans,sans-serif}body{background-color:#ccccdf;max-height:100vh;max-width:100vw}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.register-login-container{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;margin-top:90px}.register-login-container form{background-color:rgba(27,163,140,.463);border-radius:2rem;display:flex;flex-direction:column;gap:2rem;padding:3rem 5rem}.register-login-container form .register-heading{align-items:center;display:flex;flex-direction:column}.register-login-container form button{background-color:#20a532;border:none;border-radius:.4rem;color:#fff;cursor:pointer;font-size:1rem;padding:1rem 2rem}.allUsers-container{display:grid;grid-template-rows:10% 90%;overflow:hidden}.allUsers-container .heading{padding:20px}.allUsers-container .users-detail-container{align-items:center;display:flex;flex-direction:column;gap:.8rem;overflow:auto}.allUsers-container .users-detail-container::-webkit-scrollbar{width:.2rem}.allUsers-container .users-detail-container::-webkit-scrollbar-thumb{background-color:hsla(0,0%,100%,.224);border-radius:1rem;width:.1rem}.allUsers-container .user{background-color:hsla(0,0%,100%,.204);border-radius:10px;cursor:pointer;min-height:5rem;padding:.4rem;width:90%}.allUsers-container .selected{background-color:#56da61}.input-container{align-items:center;background-color:hsla(0,0%,100%,.204);border-radius:10px;display:flex;gap:2rem;width:100%}.input-container input{background-color:transparent;border:none;font-size:1.2rem;height:60%;padding-left:1rem;width:90%}.input-container input::selection{background-color:#9a86f3}.input-container input:focus{outline:none}.input-container button{background-color:#9a86f3;border-color:#9a86f3;border-radius:10px;padding:.3rem 2rem}.chatbox-container{grid-gap:.1rem;display:grid;gap:.1rem;grid-template-rows:10% 80% 10%;overflow:hidden}.chatbox-container .chatbox-header{align-items:center;background-color:#56da61;border-radius:12px;display:flex;gap:1rem;padding:2rem;z-index:2}.chatbox-container .chatbox-body{display:flex;flex-direction:column;gap:1rem;overflow:auto;padding:1rem 2rem}.chatbox-container .chatbox-body::-webkit-scrollbar{width:.2rem}.chatbox-container .chatbox-body::-webkit-scrollbar-thumb{background-color:hsla(0,0%,100%,.224);border-radius:1rem;width:.1rem}.chatbox-container .chatbox-body .message{align-items:center;display:flex}.chatbox-container .chatbox-body .message .content{border-radius:1rem;color:#d1d1d1;font-size:1.1rem;max-width:40%;overflow-wrap:break-word;padding:1rem}.chatbox-container .chatbox-body .sent{justify-content:flex-end}.chatbox-container .chatbox-body .sent .content{background-color:#005c4b}.chatbox-container .chatbox-body .recieved{justify-content:flex-start}.chatbox-container .chatbox-body .recieved .content{background-color:#202c33}.oneToOneChat-container{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;margin-top:20px}.oneToOneChat-container .users-chat-container{background-color:rgba(27,163,140,.463);border-radius:1rem;display:grid;grid-template-columns:25% 75%;height:85vh;width:85vw}.oneToOneChat-container .users-chat-container .before-selection{align-items:center;display:flex;justify-content:center}.home-container{margin-top:20%}.home-container,.roomchat-container{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center}.roomchat-container{margin-top:90px}.roomchat-container form{background-color:rgba(27,163,140,.463);border-radius:2rem;display:flex;flex-direction:column;gap:2rem;padding:3rem 5rem}.chatbox-room-container{display:flex;flex-direction:row;gap:.1rem;height:85vh;justify-content:center;margin-top:5vh;width:85vw}
/*# sourceMappingURL=main.2aec7d17.css.map*/