.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body{align-items:center;background-color:#f4f4f4;display:flex;font-family:Arial,sans-serif;height:100vh;justify-content:center;margin:0}.chat-container{background:#fff;border-radius:10px;box-shadow:0 0 10px #0000001a;overflow:hidden;width:400px}.chat-header{background:#007bff;color:#fff;font-size:18px;font-weight:700;padding:15px;text-align:center}.chat-messages{border-bottom:1px solid #ddd;height:300px;overflow-y:auto}.chat-input{border-top:1px solid #ddd;display:flex;padding-top:10px;width:100%}.chat-input input{border:1px solid #ddd;border-radius:5px;flex:1 1;outline:none;padding:10px;width:100%}.chat-input button{background:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-left:5px;padding:10px 15px}.chat-input button:hover{background:#0056b3}.login-container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}.login-container input{border:1px solid #ddd;border-radius:5px;margin-bottom:10px;padding:10px;width:200px}.login-container button{background:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 15px}.login-container button:hover{background:#0056b3}.chat-messages{display:flex;flex-direction:column;padding:10px}.chat-message{word-wrap:break-word;border-radius:10px;display:inline-block;margin:5px;max-width:60%;padding:8px 12px}.sent{align-self:flex-end;background-color:#dcf8c6;text-align:right}.received{align-self:flex-start;background-color:#fff;border:1px solid #ccc;text-align:left}.message-content{display:flex;flex-direction:column}.message-username{color:#555;font-size:12px;font-weight:700}.message-text{font-size:14px}
/*# sourceMappingURL=main.3b443027.css.map*/