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}html{font-family:"Lucida Sans",sans-serif}body{background-color:#fff}.App{text-align:center;max-width:500px;margin:0 auto}.APPLogo{width:130px;height:33px;border-radius:0}.APPLogoH1{display:inherit;font-size:1.7em;font-feature-settings:"pcap","c2pc";font-variant:all-petite-caps;color:#d2d3d5}.App header{background-color:#fff;height:10vh;min-height:50px;color:#537ec1;position:fixed;width:100%;max-width:500px;top:0;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;z-index:99;padding:10px;box-sizing:border-box}.App section{-webkit-justify-content:center;justify-content:center;min-height:100vh;background-color:#282535}.App section,main{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}main{padding:10px;height:80vh;margin:10vh 0;overflow-y:scroll;box-shadow:0 0 50px 20px #181717}main::-webkit-scrollbar{width:.25rem}main::-webkit-scrollbar-track{background:#1e1e24}main::-webkit-scrollbar-thumb{background:#537ec1}form{height:10vh;position:fixed;bottom:0;background-color:#181717;width:100%;max-width:500px;display:-webkit-flex;display:flex;font-size:1.5rem}form button{width:20%;background-color:#537ec1}input{line-height:1.5;width:100%;font-size:1.5rem;background:#fff;color:#537ec1;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}button.sign-out{border-radius:10px;padding:10px;background-color:#537ec1}.sign-in{color:#282c34;background:#fff;max-width:400px;margin:0 auto}.sign-in-Before{min-height:35vh}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:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.sent{-webkit-flex-direction:row-reverse;flex-direction:row-reverse}.sent p{color:#fff;background:#26ac52;-webkit-align-self:flex-end;align-self:flex-end}.received p{background:#e5e5ea;color:#000}img{width:40px;height:40px;border-radius:50%;margin:2px 5px}@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2){.App,.App header,form{width:100%;max-width:480px}.sign-in{max-width:400px}p{max-width:480px}}@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait){.App,.App header,form{width:100%;max-width:480px}.sign-in{max-width:400px}p{max-width:480px}}@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape){.App,.App header,form{width:100%;max-width:480px}.sign-in{max-width:400px}p{max-width:480px}}@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2){.App,.App header,form{width:100%;max-width:568px}.sign-in,p{max-width:568px}}@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait){.App,.App header,form{width:100%;max-width:568px}.sign-in,p{max-width:568px}}@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape){.App,.App header,form{width:100%;max-width:568px}.sign-in,p{max-width:568px}}@media only screen and (min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2){.App,.App header,form{width:100%;max-width:667px}.sign-in,p{max-width:667px}}@media only screen and (min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait){.App,.App header,form{width:100%;max-width:667px}.sign-in,p{max-width:667px}}@media only screen and (min-device-width:375px) and (max-device-width:667px) and (-webkit-min-device-pixel-ratio:2) and (orientation:landscape){.App,.App header,form{width:100%;max-width:667px}.sign-in,p{max-width:667px}}@media only screen and (min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3){.App,.App header,form{width:100%;max-width:736px}.sign-in,p{max-width:736px}}@media only screen and (min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3) and (orientation:portrait){.App,.App header,form{width:100%;max-width:736px}.sign-in,p{max-width:736px}}@media only screen and (min-device-width:414px) and (max-device-width:736px) and (-webkit-min-device-pixel-ratio:3) and (orientation:landscape){.App,.App header,form{width:100%;max-width:736px}.sign-in,p{max-width:736px}}@media only screen and (min-device-width:375px) and (max-device-width:812px) and (-webkit-min-device-pixel-ratio:3){.App,.App header,form{width:100%;max-width:812px}.sign-in,p{max-width:812px}}@media only screen and (min-device-width:375px) and (max-device-width:812px) and (-webkit-min-device-pixel-ratio:3) and (orientation:portrait){.App,.App header,form{width:100%;max-width:812px}.sign-in,p{max-width:812px}}@media only screen and (min-device-width:375px) and (max-device-width:812px) and (-webkit-min-device-pixel-ratio:3) and (orientation:landscape){.App,.App header,form{width:100%;max-width:812px}.sign-in,p{max-width:812px}}@media screen and (device-width:360px) and (device-height:640px) and (-webkit-device-pixel-ratio:2){.App,.App header,form{width:100%;max-width:640px}.sign-in,p{max-width:640px}}@media screen and (device-width:320px) and (device-height:640px) and (-webkit-device-pixel-ratio:2) and (orientation:portrait){.App,.App header,form{width:100%;max-width:640px}.sign-in,p{max-width:640px}}@media screen and (device-width:320px) and (device-height:640px) and (-webkit-device-pixel-ratio:2) and (orientation:landscape){.App,.App header,form{width:100%;max-width:640px}.sign-in,p{max-width:640px}}@media screen and (device-width:320px) and (device-height:640px) and (-webkit-device-pixel-ratio:3){.App,.App header,form{width:100%;max-width:640px}.sign-in,p{max-width:640px}}@media screen and (device-width:320px) and (device-height:640px) and (-webkit-device-pixel-ratio:3) and (orientation:portrait){.App,.App header,form{width:100%;max-width:640px}.sign-in,p{max-width:640px}}@media screen and (device-width:320px) and (device-height:640px) and (-webkit-device-pixel-ratio:3) and (orientation:landscape){.App,.App header,form{width:100%;max-width:640px}.sign-in,p{max-width:640px}}@media screen and (device-width:360px) and (device-height:640px) and (-webkit-device-pixel-ratio:3){.App,.App header,form{width:100%;max-width:640px}.sign-in,p{max-width:640px}}@media screen and (device-width:360px) and (device-height:640px) and (-webkit-device-pixel-ratio:3) and (orientation:portrait){.App,.App header,form{width:100%;max-width:640px}.sign-in,p{max-width:640px}}@media screen and (device-width:360px) and (device-height:640px) and (-webkit-device-pixel-ratio:3) and (orientation:landscape){.App,.App header,form{width:100%;max-width:640px}.sign-in,p{max-width:640px}}@media screen and (device-width:360px) and (device-height:640px) and (-webkit-device-pixel-ratio:4){.App,.App header,form{width:100%;max-width:640px}.sign-in,p{max-width:640px}}@media screen and (device-width:360px) and (device-height:640px) and (-webkit-device-pixel-ratio:4) and (orientation:portrait){.App,.App header,form{width:100%;max-width:640px}.sign-in,p{max-width:640px}}@media screen and (device-width:360px) and (device-height:640px) and (-webkit-device-pixel-ratio:4) and (orientation:landscape){.App,.App header,form{width:100%;max-width:640px}.sign-in,p{max-width:640px}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (-webkit-min-device-pixel-ratio:2){.App,.App header,form{width:100%;max-width:1024px}.sign-in,p{max-width:1024px}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2){.App,.App header,form{width:100%;max-width:1024px}.sign-in,p{max-width:1024px}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2){.App,.App header,form{width:100%;max-width:1024px}.sign-in,p{max-width:1024px}}@media only screen and (min-device-width:834px) and (max-device-width:1112px) and (-webkit-min-device-pixel-ratio:2){.App,.App header,form{width:100%;max-width:1024px}.sign-in,p{max-width:1024px}}@media only screen and (min-device-width:834px) and (max-device-width:834px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2){.App,.App header,form{width:100%;max-width:834px}.sign-in,p{max-width:834px}}
/*# sourceMappingURL=main.39ca776d.chunk.css.map */