@import"https://fonts.googleapis.com/css2?family=Handlee&display=swap";*{box-sizing:border-box;margin:0;padding:0;font-family:Handlee,cursive}body{background-image:url(/assets/bg-07f8d04e.jpg);background-repeat:no-repeat;background-size:cover}.App{background-color:#0009;min-height:100vh;min-width:100vw;display:flex;justify-content:center;align-items:center}.joinChatContainer{display:flex;flex-direction:column;min-width:40%;text-align:center;padding:30px;border-radius:10px;background-color:#fff;margin:0 20px}.joinChatContainer :nth-child(n){margin:5px;padding:15px;border-radius:10px}.joinChatContainer h1{font-size:50px}.joinChatContainer input{background-color:#ededed;border:0px solid transparent;font-size:19px}.joinChatContainer button{background-color:#4444b9;color:#fff;font-weight:600;margin:20px!important;font-size:20px;cursor:pointer;border:transparent}.joinChatContainer button:hover{opacity:.8}.chatMessaging-container{min-width:100vw;min-height:100vh;display:flex;flex-direction:column;flex:1}.chatMessaging-header{width:100%;display:flex;flex:1;background-color:#fff9;padding:5px;font-size:30px;text-align:center;justify-content:center;align-items:center}.chat-box-container{flex:50;width:80%;display:flex;flex-direction:column;justify-content:space-between;align-items:center;background-color:#fff3;margin:10px;align-self:center;border-radius:20px;overflow:hidden}.chat-top-personDetails{background-color:#fff;width:100%;display:flex;align-items:center;padding:10px}.chat-top-personDetails img{width:80px;margin:0 0 0 40px;background-color:red}.chat-top-personDetails h1{margin:0 40px}.chat-body{width:100%;height:60vh;overflow-y:scroll}.chat-each-message{display:flex;align-items:center}.chat-each-message#you{justify-content:right;text-align:right}.chat-each-message#other{justify-content:left;text-align:left}.chat-each-message img{height:50px;width:50px;margin-left:20px;border-radius:5rem}.chat-each-message#you div h4,.chat-each-message#you img{display:none}.chat-each-message div p{font-size:18px}.chat-each-message#you div{border-radius:20px 20px 0;background-color:#d9ffd9}.chat-each-message div{padding:10px;margin:10px 20px}.chat-each-message#other div{border-radius:20px 20px 20px 0;background-color:#d9f7ff}.chat-each-message div{max-width:50%;border:2px solid black}.each-message-time{text-align:right;font-size:12px!important;color:gray}.chat-footer{width:85%;background:rgb(225,225,225);display:flex;padding:10px 20px;margin:10px;justify-content:space-evenly;border-radius:15px}.chat-footer input{flex:85%;padding:10px;border-radius:10px;border:2px solid gray;font-size:20px}.chat-footer button{flex:10%;padding:10px;font-size:20px;border-radius:10px;margin-left:10px;border:none;background-color:#5050d5;display:flex;justify-content:center;align-items:center;color:#fff;cursor:pointer}.chat-footer button:hover{opacity:.8}