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}body{background-color:#282c34}.App{margin:0 auto;max-width:728px;text-align:center}.App header{align-items:center;background-color:#181717;box-sizing:border-box;color:#fff;display:flex;height:10vh;justify-content:space-between;max-width:728px;min-height:50px;padding:10px;position:fixed;top:0;width:100%;z-index:99}.App section{background-color:#1c1b20;display:flex;flex-direction:column;justify-content:center;min-height:100vh}h1{color:#42b9f5;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;left:50%;position:relative;-webkit-transform:translateX(-50%);transform:translateX(-50%)}main{display:flex;flex-direction:column;height:80vh;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}form{background-color:#181717;bottom:0;display:flex;font-size:1.5rem;height:10vh;max-width:728px;position:fixed;width:100%}form button{background-color:#38388f;width:20%}input{background:#2c2c2c;border:none;color:#fff;font-size:1.5rem;line-height:1.5;outline:none;padding:0 10px;width:100%}button{border:none}.sign-out,button{background-color:#282c34;color:#fff;cursor:pointer;display:inline-block;font-size:1.25rem;padding:12px 16px;text-align:center;text-decoration:none}.sign-out{border:none;border-radius:20px;position:absolute;right:10px}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}.SignInP,p{border-radius:25px;color:#fff;line-height:24px;margin-bottom:12px;max-width:500px;padding:10px 20px;position:relative;text-align:center}.SignInP{align-self:center}.message{align-items:center;display:flex}.sent{flex-direction:row-reverse}.sent p{align-self:flex-end;background:#0b93f6;color:#fff}.received p{background:#e5e5ea;color:#000}img{border-radius:50%;height:40px;margin:2px 5px;width:40px}
/*# sourceMappingURL=main.a1c4588d.css.map*/