.chat-app{margin:0 auto;max-width:600px;padding:8px 12px;height:95vh;display:flex;flex-direction:column;border:1px solid #ccc;border-radius:8px}.title-bar{display:flex;gap:10px;align-items:center}.title-bar>img{width:auto;height:50px}.title-bar>h1{margin:0;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif;color:#1c98f7}.messages{overflow-y:auto;margin-top:10px;margin-bottom:2px;flex:1}.message{margin-bottom:10px;padding:8px;background-color:#f5f5f5;border-radius:4px}.my-message{margin-bottom:10px;padding:8px;background-color:#dfdddd;border-radius:4px}.timestamp{font-size:.8em;color:#666;margin-bottom:4px}.input-area{display:flex;gap:10px}input{flex:1;padding:12px;border:1px solid #ccc;border-radius:4px}button{padding:8px 16px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}button:hover{background-color:#1c98f7}.msg-txt{display:flex;justify-items:center;align-items:center;height:100%;width:100%}.msg-txt>p{text-align:center;width:100%;font-size:x-large;color:#666}