*,body{margin:0}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.app{display:grid;place-items:center;height:100vh;width:100vw}@media screen and (max-width:600px){.app{width:330px;margin:0}}.auth{display:grid;place-items:center;height:100vh;width:100vw}.auth>.auth__logo{object-fit:contain;height:7vh}.auth__logo:hover{cursor:pointer;background-color:rgba(5,1,8,.952)}.chatSection{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;border:.1rem solid #f5f5f5;background:#fff;box-shadow:0 8px 32px 0 rgba(31,38,135,.37);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(170,224,19,.952);max-height:75vh;width:50vw}.chat{overflow:scroll;overflow-x:hidden;scroll-behavior:smooth;height:70vh;background-color:rgba(185,185,181,.315)}.chat__header{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;position:-webkit-sticky;position:sticky;top:0;background-color:#f0f8ff;width:100%;z-index:1}.userProfile{-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:flex-start;align-items:flex-start}.signOut,.userProfile{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;margin:.4rem}.signOut>button{background-color:#f0f8ff;outline:none;border:none;font-size:xx-large;color:grey;cursor:pointer;margin:.4rem}.signOut>button:hover{color:#000}.header__avatar{object-fit:contain;width:50px;height:50px;border-radius:50%;margin:2px 5px}.chat__input{padding:10px;color:grey;background-color:#f0f8ff}.chat__input,.chat__input>form{display:-webkit-flex;display:flex}.chat__input>form{width:100%;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.chat__input>form>input{-webkit-flex:1 1;flex:1 1;margin-left:10px;outline-width:0;font-weight:400;font-size:larger}.chat__input>form>input,form>button{outline:none;border:none;background-color:#f0f8ff}form>button{outline-style:none;outline-width:none;font-size:large}form>button:hover{cursor:pointer}.chat__icon{font-size:xx-large;color:grey}@media screen and (max-width:600px){.chatSection{width:330px;margin:1rem}}.chat__message{display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-flex-direction:column;flex-direction:column;border-radius:10px;margin:30px;width:200px;padding:10px}.send{margin-left:auto;background-color:#dcf8c6;border:.1rem solid #13c3cf;background-color:rgba(228,131,40,.288);border-bottom-left-radius:2rem;border-top-right-radius:3rem}.received,.send{box-shadow:0 8px 32px 0 rgba(31,38,135,.37)}.received{background-color:#dcf8c6;border:.1rem solid #7a13cf;background-color:rgba(87,178,231,.274);border-bottom-right-radius:3rem;border-top-left-radius:2rem}.chat__message>.chat__text{display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:flex-start;align-items:flex-start;border-radius:1rem;padding:1rem;background-color:#f0f8ff}.chat__message>.chat__text,.chat__timestamp{-webkit-flex-direction:column;flex-direction:column}.chat__timestamp{margin:.4rem;font-size:small}.profilepic{object-fit:contain;margin:.5rem;-webkit-align-self:flex-start;align-self:flex-start;width:40px;height:40px;border-radius:50%;box-shadow:0 8px 32px 0 rgba(31,38,135,.37)}
/*# sourceMappingURL=main.e4875fbe.chunk.css.map */