body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--view-width:675px}body{background-color:#282c34}.App{margin:0 auto;text-align:center}.App,.App header{max-width:675px;max-width:var(--view-width)}.App header{align-items:center;background-color:#181717;box-sizing:border-box;color:#fff;display:flex;height:9vh;justify-content:space-between;min-height:50px;padding:10px;position:fixed;top:0;width:100%;z-index:99}.title{font-size:4rem;font-weight:900;margin-bottom:30vh;margin-left:10px}.signInWithGoogle{border-radius:10px}.messages{padding:15px 5px}.App section{background-color:#fff;justify-content:center;min-height:100vh}.App section,.main{display:flex;flex-direction:column}.main{height:84vh;margin:9vh 0 7vh;overflow-y:scroll}.sendButton{background-color:#181717;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px}main::-webkit-scrollbar{width:.25rem}main::-webkit-scrollbar-track{background:#1e1e24}main::-webkit-scrollbar-thumb{background:#497db8}form{background-color:#181717;bottom:0;display:flex;font-size:1.25rem;height:7vh;max-width:675px;max-width:var(--view-width);position:fixed;width:100%}form button{width:20%}input{background:#3a3a3a;line-height:1.5;outline:none;padding:0 10px 0 20px;width:100%}button,input{border:none;color:#fff;font-size:1.25rem}button{background-color:#282c34;cursor:pointer;display:inline-block;padding:15px 32px;text-align:center;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.5}.sign-in{background:#fff;color:#282c34;margin:0 auto;max-width:400px}li,ul{list-style:none;text-align:left}p{color:#fff;line-height:24px;margin-bottom:12px;max-width:500px;padding:10px 20px;position:relative;text-align:center}.messageText.sent{border-radius:25px 25px 5px 25px}.messageText.received{border-radius:25px 25px 25px 5px}.message{flex-direction:column;margin:10px}.message,.messageBody{display:flex}.nameAndTime{font-size:.8rem;margin-top:2px}.message.sent{align-items:flex-end;flex-direction:column}.message.received{align-items:flex-start;flex-direction:column}.sent{flex-direction:row-reverse}.sent p{align-self:flex-end;background:#0b93f6;color:#fff}.received p{background:#e5e5ea;color:#000}.messageBody.sent{flex-direction:row-reverse}.miniProfPic{height:50px;width:50px}.miniProfPic,.profPicContainer{border-radius:50%;margin:2px 10px}.profPicContainer{align-items:center;display:flex;flex-direction:row;height:5vh;overflow:hidden}.profPic{height:100%;width:100%}.signOut{align-items:center;border-radius:10px;display:flex;font-size:1.25rem;height:90%;justify-content:center;margin-right:10px}.signOutIcon{font-size:100%}.left-header{align-items:center;display:flex;justify-content:flex-start}.nameTime{display:flex}@media (max-width:500px){.title{font-size:3rem}}
/*# sourceMappingURL=main.7aa758d7.css.map*/