body{padding:0;margin:0}.App{display:flex;align-items:center;width:100vw;height:100vh;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.app-header{text-align:center;background-color:#3b5998;color:#fff;width:100%}.app-container{margin-top:50px}.room{display:flex;flex-direction:column}.room label{text-align:center;font-size:25px;margin-bottom:20px}.room input{width:200px;height:30px;border:2px solid #3b5998;border-radius:6px;padding-left:5px;font-size:20px;text-align:center;margin:5px}.room button{width:210px;height:40px;border:none;border-radius:6px;padding-left:5px;font-size:20px;text-align:center;margin:5px;background-color:#3b5998;color:#fff;cursor:pointer}.sign-out{margin-top:50px}.auth{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}.auth p{font-size:1.2rem;margin-bottom:1rem}.auth button{padding:.5rem 1rem;font-size:1rem;background-color:#4285f4;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.auth button:hover{background-color:#3c78d8}.room{display:flex;flex-direction:column;align-items:center;justify-content:center}.room input{margin-bottom:1rem}.sign-out{text-align:center;margin-top:20px}.sign-out button{background-color:red;color:#fff;border:none;padding:10px 20px;cursor:pointer;border-radius:5px}.sign-out button:hover{background-color:#8b0000}.chat-app{display:flex;flex-direction:column;align-items:center;font-family:sans-serif;width:90%;margin:0 auto;border-radius:5px;overflow:hidden;border:2px solid #3b5998}.header{background-color:#3b5998;color:#fff;width:100%;text-align:center}.messages{display:flex;flex-direction:column;align-items:flex-start;width:100%;height:80%;overflow-y:auto;padding:10px;margin-bottom:10px}.message{display:flex;align-items:flex-start;margin-bottom:10px}.user{font-weight:700;margin-right:10px;color:#333}.new-message-form{display:flex;width:100%;padding:10px}.new-message-input{flex:1;border:none;outline:none;background:transparent;font-size:16px;color:#333;padding:10px;border-radius:5px 0 0 5px}.send-btn{border:none;outline:none;background:#3b5998;color:#fff;font-size:16px;font-weight:700}