.App,body{font-family:Arial,sans-serif}.App{background-color:#f0f0f0;justify-content:flex-start;min-height:100vh}.room{align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:10px;box-shadow:0 2px 4px rgba(0,0,0,.1);max-width:600px;padding:20px;width:100%}.room,.room-selection{margin-bottom:20px}.room-list{width:100%}ul{list-style:none;padding:0}li{border:1px solid #ccc;border-radius:5px;cursor:pointer;margin-bottom:5px;padding:8px;transition:background-color .3s ease}li:hover{background-color:#f0f0f0}.app-header{padding:20px 0}.app-header h1{font-size:24px;margin:0}@media screen and (max-width:600px){.room{padding:15px}.app-header{padding:15px 0}.app-header h1{font-size:20px}.App{margin-top:60px}}@media screen and (min-width:601px) and (max-width:1024px){.room{max-width:400px}}@media screen and (min-width:1025px){.room{max-width:600px}}.sign-out button{background-color:tomato;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px;transition:background-color .3s ease}.sign-out button:hover{background-color:#d6503a}.sign-out{margin-top:20px;text-align:center}.sign-out-button{background-color:#f44336;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:10px 20px;transition:background-color .3s ease,-webkit-transform .2s ease;transition:background-color .3s ease,transform .2s ease;transition:background-color .3s ease,transform .2s ease,-webkit-transform .2s ease}.sign-out-button:hover{background-color:#d32f2f}.sign-out-button:focus{outline:none;-webkit-transform:scale(1.05);transform:scale(1.05)}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:20px;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:16px;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{align-items:center;display:flex;flex-direction:column;font-family:Arial,sans-serif;height:100vh;justify-content:center;text-align:center}.auth p{color:#333;font-size:18px;margin-bottom:20px}.auth-button{background-color:#4285f4;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;outline:none;padding:12px 24px;transition:background-color .3s ease,-webkit-transform .2s ease;transition:background-color .3s ease,transform .2s ease;transition:background-color .3s ease,transform .2s ease,-webkit-transform .2s ease}.auth-button:hover{background-color:#3367d6}.auth-button:focus{-webkit-transform:scale(1.05);transform:scale(1.05)}@media screen and (max-width:600px){.auth p{font-size:16px;margin-bottom:15px}.auth-button{font-size:14px;padding:8px 16px}}.message{align-items:center;border:1px solid #ccc;border-radius:10px;display:flex;justify-content:space-between;margin-bottom:8px;padding:8px;transition:background-color .3s ease}.message-content{align-items:flex-start;display:flex;flex-direction:column;flex-grow:1}.user{color:#333;font-size:10px;font-weight:700}.text{color:#333;font-size:12px;margin-top:4px}.message-date{color:#777;font-size:8px;text-align:right}.my-message{justify-content:flex-end}.new-message-form{background-color:#f0f0f0;display:flex;padding:8px;width:100%}.new-message-input{background:transparent;border:none;border-radius:5px 0 0 5px;color:#333;flex:1 1;font-size:12px;outline:none;padding:6px}.send-button{background:#3b5998;border:none;border-radius:0 5px 5px 0;color:#fff;cursor:pointer;font-size:12px;font-weight:700;outline:none;padding:6px 12px;transition:background-color .3s ease}.send-button:hover{background-color:#2d4373}@media screen and (max-width:768px){.message{padding:6px}.new-message-input{font-size:10px;padding:4px}.send-button{font-size:10px;padding:4px 8px}}
/*# sourceMappingURL=main.65d7efe7.css.map*/