.App{display:flex;justify-content:center;align-items:center;height:100vh}.reg-h1{text-transform:uppercase;font-weight:900;font-size:20px}.reg-inner-div{padding:20px;background-color:#808080b4;background-blend-mode:color-burn;border-radius:5px}.reg-inner-div form{display:flex;flex-direction:column;margin:1rem 0}.input{margin:1rem 0}.reg-btn{margin:.5rem 0!important}.homepage-outer-div{display:flex;overflow:hidden;height:100vh;width:100vw;background-color:#80808089}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background-color:#000}::-webkit-scrollbar-thumb{border-radius:10px;background-color:#f0f8ff}.search-input{width:20vw;padding:8px 10px;border-radius:5px;outline:none;border:2px solid #121212;background-color:#121212}.search-outer-div{height:100vh;background-color:#161515}.searchForm{display:flex;width:28vw;background-color:#000;color:#fff!important;padding:.5rem;align-items:center}.seachComp{margin:.5rem .2rem 0 0!important;width:65%!important;background-color:green!important}.otherUsers{padding:.5rem;overflow:hidden;height:81vh}.other-users-parent-div{height:100%;overflow:auto}.profile-photo{width:50px;height:50px;border-radius:50%;object-fit:cover}.online{border:3px solid rgb(3,251,3)}.whole-user{display:flex;align-items:center;border-radius:5px;padding:5px;cursor:pointer;margin-bottom:.5rem}.whole-user-selected{background-color:#fff;display:flex;align-items:center;border-radius:5px;padding:5px;cursor:pointer;margin-bottom:.5rem;color:#000}.whole-user:hover{background-color:#fff;color:#000}.whole-user img,.whole-user-selected img{margin:0 .7rem 0 0}.logout-btn{margin-left:.5rem}.message-container-parent-div{background-color:#fff;width:72vw}.whole-user-message-container{display:flex;align-items:center;padding:5px;cursor:pointer;width:100%;background-color:#000000e0}.whole-user-message-container img{padding:0 10px}.msg-input-outer-div{display:flex;align-items:center;position:fixed;bottom:0;width:72vw;padding:.5rem}.msg-input-outer-div input{width:90%;padding:.8rem;outline:none;border:1px solid gray;border-radius:4px}.send-icon{font-size:2rem!important;border:1px solid gray;padding:.2rem;background-color:#121212;cursor:pointer;margin:0!important}.send-icon-btn{border:none;background-color:#fff;padding:0}.msgs-div{max-height:83vh;overflow:auto;z-index:100}.start-msg{text-align:left;margin:1rem 2rem 1rem 1rem;display:flex;justify-content:flex-start}.end-msg{text-align:right;margin:1rem;display:flex;justify-content:flex-end}.end-msg .msg{background-color:#2020d6}.start-msg .msg{background-color:#4f4f5b}.msg{width:fit-content;padding:.5rem;border-radius:10px}.whole-msg{display:flex}.msg-photo{width:40px;height:40px;margin-right:.5rem}.welcome-note{display:flex;justify-content:center;align-items:center;height:100vh;flex:1;font-size:4vw}.welcome-note-login{height:100vh;flex:1;font-size:4vw;display:flex;align-items:center;flex-direction:column;justify-content:center}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{padding:0;margin:0}body{margin:0;min-height:100vh;background:url(/bg3.avif);background-repeat:no-repeat;background-size:cover;background-position:center}