*{box-sizing:border-box;margin:0;padding:0}body{align-items:center;background-color:#fff;font-family:Arial,sans-serif;height:100vh;justify-content:center;min-width:300px}.App,body{display:flex}.App{background:#eee;border-radius:1.25rem;box-shadow:0 0 5px #bebebe;flex-direction:column;max-width:500px;min-height:450px;min-width:450px;padding:1rem;width:95%}#heading{display:flex;justify-content:space-between;margin:5px 0;width:100%}#notification{background-color:rgba(250,207,255,.815);border-radius:.25rem;color:#747474;margin-top:30px;padding:.35rem;position:absolute}#messages{background:#fff;border:1px solid #ccc;border-radius:.5rem;display:flex;flex:1 1;flex-direction:column;margin-bottom:1rem;max-height:300px;overflow-y:auto;padding:.5rem}#single-message{display:flex;justify-content:space-between;width:100%}.my-message{word-wrap:break-word;align-self:flex-end;background:#dcf8c6;border-radius:10px;font-size:.9rem;margin:3px;max-width:75%;padding:8px}.my-message span{color:#8c8c8c;display:block;font-size:.7rem;margin-bottom:2px}.other-message{word-wrap:break-word;align-self:flex-start;background:#f1f0f0;border-radius:10px;font-size:.9rem;margin:3px;max-width:75%;padding:8px}.other-message span{color:#8c8c8c;display:block;font-size:.7rem;margin-bottom:2px}form{display:flex;gap:.5rem}form input{border:1px solid #ccc;border-radius:8px;flex:1 1;font-size:1rem;padding:.6rem}form button{background:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;padding:.6rem 1rem}form button:hover{background:#45a049}@media (max-width:480px){body{align-items:stretch;flex-direction:column;height:100%;justify-content:flex-start;min-height:100vh;padding:0}.App{border:none;border-radius:0;height:100vh;max-width:none;min-width:0;padding:.8rem;width:100%}#messages{flex:1 1;max-height:none;min-height:0}.my-message,.other-message{font-size:.85rem;max-width:85%}form button,form input{font-size:.85rem}form button{padding:.5rem .8rem}}
/*# sourceMappingURL=main.d01f503f.css.map*/