body{margin:0;padding:0}.App{align-items:center;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh;width:100vw}.app-header{background-color:#3b5998;color:#fff;text-align:center;width:100%}.app-container{margin-top:50px}.room{display:flex;flex-direction:column}.room label{font-size:25px;margin-bottom:20px;text-align:center}.room input{border:2px solid #3b5998;border-radius:6px;height:30px;width:200px}.room button,.room input{font-size:20px;margin:5px;padding-left:5px;text-align:center}.room button{background-color:#3b5998;border:none;border-radius:6px;color:#fff;cursor:pointer;height:40px;width:210px}.sign-out{margin-top:50px}.auth{text-align:center}.auth button{background-color:#3b5998;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;height:50px;width:200px}.chat-app{align-items:center;border:2px solid #3b5998;border-radius:5px;display:flex;flex-direction:column;font-family:sans-serif;margin:0 auto;overflow:hidden;width:90%}.header{background-color:#3b5998;color:#fff;text-align:center;width:100%}.messages{flex-direction:column;height:80%;overflow-y:auto;padding:10px;width:100%}.message,.messages{align-items:flex-start;display:flex;margin-bottom:10px}.user{color:#333;font-weight:700;margin-right:10px}.new-message-form{display:flex;padding:10px;width:100%}.new-message-input{background:transparent;border:none;border-radius:5px 0 0 5px;color:#333;flex:1 1;font-size:16px;outline:none;padding:10px}.send-button{background:#3b5998;border:none;color:#fff;font-size:16px;font-weight:700;outline:none}
/*# sourceMappingURL=main.7962cf3d.css.map*/