body{background:#e3d5d5;margin:10;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:linear-gradient(90deg,#00223e,#ffa17f);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 #ecc1c1;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:linear-gradient(90deg,#00223e,#ffa17f);border:none;border-radius:6px;color:#fff;cursor:pointer;height:40px;width:210px}.sign-out{margin-top:30px;padding-left:7px}.auth{text-align:center}.auth p{font-size:large}.auth button{background:linear-gradient(90deg,#00223e,#ffa17f);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:18px;height:50px;width:200px}.chat-app{align-items:center;background-color:#f9f9f9;border:2px solid #ddd;border-radius:10px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;font-family:Arial,sans-serif;margin:20px auto;max-width:600px;overflow:hidden;width:90%}*{box-sizing:border-box;font-family:Times New Roman,Times,serif}.header{background:linear-gradient(90deg,#00223e,#ffa17f);color:#fff;font-size:1.5rem;font-weight:700;padding:20px 0;text-align:center;width:100%}.messages{background-color:#fff;border-bottom:1px solid #ddd;border-top:1px solid #ddd;flex-direction:column;gap:10px;height:300px;overflow-y:auto;padding:15px}.message,.messages{align-items:flex-start;display:flex;width:100%}.message{background:#f1f1f1;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:10px}.user{color:#00223e;font-weight:700;margin-right:10px}.new-message-form{background-color:#f9f9f9;display:flex;padding:10px;width:100%}.new-message-input{background:#fff;border:1px solid #ddd;border-radius:5px 0 0 5px;box-shadow:inset 0 1px 3px #0000001a;color:#333;flex:1 1;font-size:16px;outline:none;padding:10px;transition:border-color .3s ease}.new-message-input:focus{border-color:#ffa17f}.send-button{background:linear-gradient(90deg,#00223e,#ffa17f);border:none;border-radius:5px 5px 5px 5px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;outline:none;padding:10px 20px;transition:transform .2s ease,box-shadow .2s ease}.send-button:hover{box-shadow:0 4px 8px #0003;transform:scale(1.05)}.messages::-webkit-scrollbar{width:8px}.messages::-webkit-scrollbar-thumb{background:#ffa17f;border-radius:10px}.messages::-webkit-scrollbar-thumb:hover{background:#00223e}
/*# sourceMappingURL=main.84a9bac9.css.map*/