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:#282535;justify-content:center;min-height:100vh}.App section,main{display:flex;flex-direction:column}main{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:#3a3a3a;font-size:1.5rem;line-height:1.5;outline:none;padding:0 10px;width:100%}button,input{border:none;color:#fff}button{background-color:#282c34;cursor:pointer;display:inline-block;font-size:1.25rem;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}.rules,p{border-radius:25px;color:#fff;line-height:24px;margin-bottom:12px;max-width:500px;padding:10px 20px;position:relative;text-align:center}.rules{align-self:center;font-weight:bolder}.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.6a707b63.css.map*/