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-image:url(/static/media/Flowerbackground.75d9d2262dfc8b51d13b.jpeg);background-position:50%;background-size:cover}.App{margin:0 auto;max-width:728px;text-align:center}.App header h1{left:6.5em;position:relative;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:relative;top:0;width:100%;z-index:99}.App section{background-color:#008b8b;justify-content:center;min-height:80vh}.App section,main{display:flex;flex-direction:column}main{height:60vh;margin:5vh 0;overflow-y:scroll;padding:10px}main::-webkit-scrollbar{width:.5rem}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:8vh;max-width:728px;position:relative;top:4em;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;position:relative;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}h1{color:#fff}p{border-radius:25px;color:#fff;line-height:24px;margin-bottom:12px;max-width:500px;padding:10px 20px}.community,p{position:relative;text-align:center}.community{left:6em}.sent p{align-self:flex-end}img{border-radius:50%;height:40px;margin:2px 5px;width:40px}p .user{left:4em;top:3em}.usertxt,p .user{text-align:center}.usertxt{left:5.4em}.userPassword{left:4em;text-align:center;top:6em}.message{align-items:center;display:flex;margin-bottom:10px}.sent{flex-direction:row-reverse}.sent p{background:#0b93f6;color:#fff}.received p,.sent p{border-radius:10px;padding:10px}.received p{background:#e5e5ea;color:#000}.message h1{font-size:16px;font-weight:700;margin-right:10px}.message img{border-radius:50%;height:40px;margin-right:10px;width:40px}
/*# sourceMappingURL=main.1a596c3e.css.map*/