*{box-sizing:border-box;margin:0;padding:0}body{background-color:#282c34}:focus{outline:none}.App{margin:0 auto;max-width:728px;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:space-evenly;width:100vw}.sub-container-appInfo,.sub-container-buttons{align-items:center;display:flex;flex-direction:column;justify-content:center}.sub-container-buttons{gap:10px;margin-top:100px}.appLogo{margin-bottom:5px;margin-top:50px;width:200px}.appName{color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:50px}.homepage-btn{background-color:#282c34;border:2px solid #fff;border-radius:100px;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-size:18px;padding:14px;width:208px}.homepage-btn:active{background-color:#454545}@media (min-width:600px){.container{flex-direction:row;gap:120px;margin-top:50px}.container,.sub-container-appInfo{align-items:center;display:flex;justify-content:center}.sub-container-appInfo{flex-direction:column;margin-top:-233px}.appLogo{margin-bottom:5px;margin-top:300px;width:205px}}.navbar{align-items:center;display:flex;justify-content:space-between;margin-top:30px;width:86vw}.backArrow{color:#fff;cursor:pointer}.navbar-btns{align-items:center;display:flex;gap:20px}.profile-btn{color:#000;cursor:pointer}.logout-btn{background-color:#f5f5f5;border:none;cursor:pointer}@media (min-width:600px){.navbar{width:35vw}}.container-auth{gap:100px;height:100vh;padding-top:10px}.container-auth,.sub-container-auth{align-items:center;display:flex;flex-direction:column}.sub-container-auth{background-color:#282c34;gap:25px;justify-content:center}.title{color:#fff;font-family:Inter,sans-serif;font-size:40px;font-weight:700}.error-msg{color:red;margin-top:40px}.auth-form{align-items:center;background-color:#282c34;display:flex;flex-direction:column;gap:25px;justify-content:center;padding-top:40px}.auth-form input{border:none;border-bottom:1px solid #6c6c6c;font-size:20px;padding:5px;width:70vw}.auth-form input,.button{background-color:#282c34;color:#fff}.button{border:2px solid #fff;border-radius:100px;cursor:pointer;font-family:Inter,sans-serif;font-size:14px;margin-top:25px;padding:10px;width:150px}.button:active{background-color:#454545}.button:disabled{border:2px solid #6c6c6c;color:#6c6c6c}@media (min-width:600px){.auth-form input{width:35vw}}.chatPage_header{align-items:center;background-color:#181717;box-sizing:border-box;display:flex;flex-direction:row;height:10vh;justify-content:space-between;max-width:728px;min-height:50px;padding:10px;position:fixed;top:0;width:100vw;z-index:99}.chatPage_appLogo{margin-left:10px;opacity:50%;width:45px}.chatPage_header button{background-color:#181717;border:2px solid #fff;border-radius:50px;color:#fff;cursor:pointer;display:inline-block;font-size:1.25rem;margin-right:5px;padding:5px 11px;text-align:center;text-decoration:none}main{display:flex;flex-direction:column;height:80vh;height:80svh;margin:10vh 0;overflow-y:scroll;padding:10px}main::-webkit-scrollbar{width:.25rem}main::-webkit-scrollbar-track{background:#1e1e24}main::-webkit-scrollbar-thumb{background:#6649b8}.msgForm{background:#3a3a3a;bottom:0;display:flex;font-size:1.5rem;height:10vh;max-width:728px;position:fixed;width:100%}.sendMsgButton{background-color:#000;border:none;color:#fff;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-size:1.2rem;width:20%}.sendMsgButton:disabled{opacity:.5}.msgInput{background:#3a3a3a;border:none;color:#fff;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:1.5rem;line-height:1.1;outline:none;padding:0 10px;width:100%}li,ul{list-style:none;text-align:left}p{border-radius:18px;color:#fff;font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;line-height:24px;margin-bottom:12px;max-width:500px;padding:10px 20px;position:relative;text-align:center;text-align:left}.message{align-items:center;display:flex;margin-top:20px}.sent{flex-direction:row-reverse}.sent p{align-self:flex-end;background:#91cdf8;border-bottom-right-radius:0;color:#fff;margin-right:5px}.received p,.sent p{word-wrap:break-word}.received p{background:#e5e5ea;border-bottom-left-radius:0;color:#000;margin-left:5px}.userIcon{color:#b4b4b4;height:40px;margin:-3px 5px 2px;padding-bottom:2px;width:40px}