body{background-color:#282c34;font-family:Roboto,sans-serif}.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;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;z-index:99;padding:10px;-webkit-box-sizing:border-box;box-sizing:border-box}.App header,.App section{display:-ms-flexbox;display:flex}.App section{-ms-flex-pack:center;justify-content:center;min-height:100vh;background-color:#282535}.App section,main{-ms-flex-direction:column;flex-direction:column}main{padding:10px;height:80vh;margin:10vh 0;overflow-y:scroll;display:-ms-flexbox;display:flex}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:-ms-flexbox;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:#3a3a3a;outline:none;padding:0 10px}button,input{color:#fff;border:none}button{background-color:#282c34;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:#fff;max-width:400px;margin:0 auto}li,ul{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:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.sent{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.sent p{color:#fff;background:#0b93f6;-ms-flex-item-align:end;align-self:flex-end}.received p{background:#e5e5ea;color:#000}small{color:#fff}.sent small{padding-right:10px}.received small{padding-left:10px}img{width:40px;height:40px;border-radius:50%;margin:2px 5px}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:100;src:local("Roboto Thin "),local("Roboto-Thin"),url(/static/media/roboto-latin-100.7370c367.woff2) format("woff2"),url(/static/media/roboto-latin-100.5cb7edfc.woff) format("woff")}@font-face{font-family:Roboto;font-style:italic;font-display:swap;font-weight:100;src:local("Roboto Thin italic"),local("Roboto-Thinitalic"),url(/static/media/roboto-latin-100italic.f8b1df51.woff2) format("woff2"),url(/static/media/roboto-latin-100italic.f9e8e590.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:300;src:local("Roboto Light "),local("Roboto-Light"),url(/static/media/roboto-latin-300.ef7c6637.woff2) format("woff2"),url(/static/media/roboto-latin-300.b00849e0.woff) format("woff")}@font-face{font-family:Roboto;font-style:italic;font-display:swap;font-weight:300;src:local("Roboto Light italic"),local("Roboto-Lightitalic"),url(/static/media/roboto-latin-300italic.14286f3b.woff2) format("woff2"),url(/static/media/roboto-latin-300italic.4df32891.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:400;src:local("Roboto Regular "),local("Roboto-Regular"),url(/static/media/roboto-latin-400.479970ff.woff2) format("woff2"),url(/static/media/roboto-latin-400.60fa3c06.woff) format("woff")}@font-face{font-family:Roboto;font-style:italic;font-display:swap;font-weight:400;src:local("Roboto Regular italic"),local("Roboto-Regularitalic"),url(/static/media/roboto-latin-400italic.51521a2a.woff2) format("woff2"),url(/static/media/roboto-latin-400italic.fe65b833.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:500;src:local("Roboto Medium "),local("Roboto-Medium"),url(/static/media/roboto-latin-500.020c97dc.woff2) format("woff2"),url(/static/media/roboto-latin-500.87284894.woff) format("woff")}@font-face{font-family:Roboto;font-style:italic;font-display:swap;font-weight:500;src:local("Roboto Medium italic"),local("Roboto-Mediumitalic"),url(/static/media/roboto-latin-500italic.db4a2a23.woff2) format("woff2"),url(/static/media/roboto-latin-500italic.288ad9c6.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:700;src:local("Roboto Bold "),local("Roboto-Bold"),url(/static/media/roboto-latin-700.2735a3a6.woff2) format("woff2"),url(/static/media/roboto-latin-700.adcde98f.woff) format("woff")}@font-face{font-family:Roboto;font-style:italic;font-display:swap;font-weight:700;src:local("Roboto Bold italic"),local("Roboto-Bolditalic"),url(/static/media/roboto-latin-700italic.da0e7178.woff2) format("woff2"),url(/static/media/roboto-latin-700italic.81f57861.woff) format("woff")}@font-face{font-family:Roboto;font-style:normal;font-display:swap;font-weight:900;src:local("Roboto Black "),local("Roboto-Black"),url(/static/media/roboto-latin-900.9b3766ef.woff2) format("woff2"),url(/static/media/roboto-latin-900.bb1e4dc6.woff) format("woff")}@font-face{font-family:Roboto;font-style:italic;font-display:swap;font-weight:900;src:local("Roboto Black italic"),local("Roboto-Blackitalic"),url(/static/media/roboto-latin-900italic.ebf6d164.woff2) format("woff2"),url(/static/media/roboto-latin-900italic.28f91510.woff) format("woff")}