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-color:#000}.App{text-align:center}header{align-items:center;background-color:#272525;box-sizing:border-box;color:#fff;display:flex;height:10vh;justify-content:space-between;min-height:50px;opacity:95%;padding:10px;position:fixed;top:0;width:100%;z-index:99}.App section{background-color:#000;margin-top:70px}.signoutButton{background-color:#0b93f6;border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-block;font-size:1.25rem;padding:5px 10px;text-align:center;transition:all .4s ease}.signoutButton:hover{background-color:#0b93f6;-webkit-transform:translateY(-5px);transform:translateY(-5px)}.App section{justify-content:center;min-height:100vh}.App section,main{display:flex;flex-direction:column}main{height:auto;margin-bottom:40px;overflow-y:scroll;padding:10px}::-webkit-scrollbar{display:none}.sendButton{background-color:#0b93f6;border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-block;font-size:1.25rem;height:30px;margin-left:10px;margin-right:10px;padding:5px 10px;text-align:center;transition:all .4s ease}.sendButton:disabled{cursor:not-allowed;opacity:.5}form{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#000;bottom:.01px;display:flex;font-size:1rem;padding:5px;position:fixed;width:100%}input{background:transparent;border-color:#f5f5f5;color:#fff;font-size:1.5rem;height:30px;outline:none;padding:0 10px;width:100%}.sign-in,input{border-radius:10px}.sign-in{background:#fff;color:#282c34;margin:50px auto 0;max-width:400px;transition:all .4s ease}.sign-in:hover{background-color:#0b93f6;-webkit-transform:translateY(-5px);transform:translateY(-5px)}li,ul{list-style:none}li,p,ul{text-align:left}p{border-radius:15px;color:#fff;line-height:1.5;line-height:15px;margin-bottom:12px;max-width:500px;padding:10px;position:relative}.message{align-items:center;display:flex}.sent{flex-direction:row-reverse;justify-content:flex-start}.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.25b5c9bb.css.map*/