body{background-color:#282c34}.App{text-align:center;max-width:728px;margin:0 auto}.App header{background-color:#181717;height:10vh;min-height:50px;color:#fff;position:fixed;width:100%;max-width:728px;top:0;display:flex;align-items:center;justify-content:space-between;z-index:99;padding:10px;box-sizing:border-box}.App section{display:flex;flex-direction:column;justify-content:center;min-height:100vh;background-color:#282535}main{padding:10px;height:80vh;margin:10vh 0;overflow-y:scroll;display:flex;flex-direction:column-reverse}main::-webkit-scrollbar{width:.25rem}main::-webkit-scrollbar-track{background:#1e1e24}main::-webkit-scrollbar-thumb{background:#6649b8}form{height:10vh;position:fixed;bottom:0;background-color:#181717;width:100%;max-width:728px;display:flex;font-size:1.5rem}form button{width:20%;background-color:#38388f}input{line-height:1.5;width:100%;font-size:1.5rem;background:rgb(58,58,58);color:#fff;outline:none;border:none;padding:0 10px}button{background-color:#282c34;border:none;color:#fff;padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;cursor:pointer;font-size:1.25rem}button:disabled{opacity:.5;cursor:not-allowed}.sign-in{color:#282c34;background:white;max-width:400px;margin:0 auto}ul,li{text-align:left;list-style:none}p{max-width:500px;margin-bottom:12px;line-height:24px;padding:10px 20px;border-radius:25px;position:relative;color:#fff;text-align:center}.message{display:flex;align-items:center}.sent{flex-direction:row-reverse}.sent p{color:#fff;background:#0b93f6;align-self:flex-end}.received p{background:#e5e5ea;color:#000}img{width:40px;height:40px;border-radius:50%;margin:2px 5px}body{margin:0;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}
