html,body{margin:0;padding:0;height:100%;font-family:sans-serif;background:#082032}.App{text-align:center}.App-title{font-size:1.5em}.App-intro{font-size:large}.body-wrapper{display:flex;flex-direction:row;width:100%;height:100vh}.sidebar-wrapper{background:#29506D;height:100%;box-sizing:border-box;width:auto;min-width:290px;padding:8px;color:#fff;overflow-x:hidden}.sidebar-wrapper .sidebar{display:grid;gap:8px}.title{font-size:2.2em}button{display:flex;justify-content:center;align-items:center;background-color:#5c6672;padding:8px;color:#fff;outline:none;border:none;cursor:pointer}button :hover{box-shadow:0 2px 10px 12px #0003}button :active{box-shadow:0 2px 6px 6px #00000026}.roomlist{padding:8px;display:grid;gap:8px}.new-room-form{display:flex;flex-direction:row;justify-content:stretch;align-items:stretch}.input{flex-grow:1}.db-rooms{margin-top:16px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;font-size:1.2em}.room-number{cursor:pointer;width:100%;padding:8px}.room-number:hover,.room-number:active{background-color:#4e8098}#messages-wrapper{padding:1rem;width:100%}#messages-wrapper #message-list{display:flex;flex-direction:column;justify-content:center}#messages-wrapper #message-list .message{display:grid;padding:1rem;width:fit-content;max-width:70%;grid-auto-flow:column;border-radius:10px;margin:.5rem;box-sizing:border-box}#messages-wrapper #message-list .message .name-time-container{display:flex;flex-direction:column;justify-content:space-between;width:100%;box-sizing:border-box}#messages-wrapper #message-list .message.yours{align-self:flex-start;grid-template-columns:minmax(50px,max-content) 1fr;color:#fefefe;background:#1597BB}#messages-wrapper #message-list .message.yours .name-time-container{align-items:flex-start}#messages-wrapper #message-list .message.yours .message-content{display:flex;align-items:center;justify-content:flex-end;padding-left:1rem}#messages-wrapper #message-list .message.theirs{align-self:flex-end;grid-template-columns:1fr minmax(50px,max-content);background:#FF4C29;color:#fefefe}#messages-wrapper #message-list .message.theirs .name-time-container{grid-column:2/3;align-items:flex-end;margin-left:1rem;padding-right:1rem}#messages-wrapper #message-list .message.theirs .message-content{display:flex;align-items:center;justify-content:flex-start}#messages-wrapper .room-title{font-size:2em;margin:0;padding:0 0 16px;text-decoration:underline;color:#fefefe}#messages-wrapper #send-message{position:fixed;left:20%;right:0;bottom:0;display:flex;flex-direction:row;justify-content:stretch;align-items:stretch}#messages-wrapper #new-message-field{flex-grow:1;font-size:1.2em}#sign-in{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin:8px}