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}body{background-color:#282c34}.App{text-align:center;max-width:700px;margin:0 auto}h4{color:#e5e5ea}.App-header{background-color:#181717;height:10vh;min-height:50px;color:#fff;position:fixed;top:0;align-items:center;justify-content:space-between;z-index:99;padding:10px;box-sizing:border-box}.App-header,.App-section{width:100%;max-width:700px;display:flex}.App-section{justify-content:center;min-height:100vh;background-image:url(/static/media/wallpaper_2.0.e5fa7744.jpg)}.App-section,main{flex-direction:column}main{padding:10px;height:80vh;overflow-y:scroll;display:flex;margin:10vh 0 40px}main::-webkit-scrollbar{background:#181717;width:.25rem}main::-webkit-scrollbar-track{background:#1e1e24}main::-webkit-scrollbar-thumb{background-image:url(/static/media/wallpaper_1.0.fa9d0e18.jpg)}form{height:10vh;position:fixed;bottom:0;background-color:#181717;width:100%;max-width:700px;display:flex;font-size:1.5rem}form button{width:20%;background:none;Background-color:#34788d;margin:8px 15px}input{line-height:1.5;width:100%;font-size:1.5rem;background-color:#181717;outline:none;padding:0 10px}button,input{color:#fff;border:none}button{background-color:#282c34;text-align:center;text-decoration:none;display:inline-block;cursor:pointer;font-size:1.25rem}button,Button:disabled{padding:15px 32px;border-radius:10px}Button:disabled{opacity:.5;cursor:not-allowed}.sign-in{color:#282c34;background:#fff;max-width:400px;margin:0 auto}li,ul{text-align:left;list-style:none}p{max-width:400px;margin-bottom:12px;line-height:24px;padding:10px;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}
/*# sourceMappingURL=main.cac5c9d3.chunk.css.map */