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:Arial,Helvetica,sans-serif;background:#d8dee9;font-size:14px;margin:0}body,html{height:100%}body{display:grid;place-items:center}.container{display:grid;grid-template-columns:25% 75%;grid-template-rows:60px auto 60px;border-radius:10px;width:1200px;max-height:800px}.header{background-color:#434c5e;border-radius:10px 10px 0 0;grid-column:1/3;color:#fff;font-size:large;display:grid;grid-template-columns:25% auto 10em}#logo{margin-left:18px}#uid{font-size:large}#signOut{grid-column:3/4;border-radius:0 10px 0 0;background-color:#434c5e}#signOut:hover{background-color:#4c566a}.openedRoom{background-color:#eceff4;grid-row:2;grid-column:1/3;display:flex;flex-direction:column;overflow:auto;max-height:600px}.chatBar{grid-row:3/4;grid-column:1/3;display:grid;grid-template-rows:100%;grid-template-columns:auto 60px}input{font-size:14px;border-style:hidden;border-radius:0 0 0 10px;background:#4c566a;color:#d8dee9;padding-left:18px}input:focus{outline:none}button{border-radius:0 0 10px 0;background:#4c566a;border:0;color:#eceff4;font-size:14px}button:hover{background:#434c5e}.sent{color:#eceff4;background:#4c566a;border-radius:1em 1em .1em 1em;align-self:flex-end}.received{color:#2e3440;background:#d8dee9;border-radius:1em 1em 1em .1em;align-self:flex-start}.message{min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;height:-webkit-min-content;height:-moz-min-content;height:min-content;padding:.5em 1em;margin:.2em}::-webkit-scrollbar{width:16px}::-webkit-scrollbar-thumb{background:#c5cad4;border:4px solid transparent;border-radius:8px;background-clip:content-box}
/*# sourceMappingURL=main.9083b637.chunk.css.map */