*{margin:0;padding:0;box-sizing:border-box;font-family:Montserrat}body{background-color:#1e1f20;height:100vh}header{display:flex;color:#fff;padding:10px 15px}img{height:24px;width:24px}.container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:90%}.input-container{position:fixed;display:flex;bottom:500px;align-items:center;justify-content:center;background-color:#2a2b32;border-radius:30px;width:1000px;box-shadow:0 2px 4px #00000026;padding:10px 15px;transition:bottom .2s linear}.input-container button{position:absolute;display:flex;justify-content:center;align-items:center;bottom:15px;right:20px;border:none;background:none;background-color:#fff;transition:background-color .2s linear;outline:none;width:32px;height:32px;border-radius:50%;cursor:pointer}.input-container button:hover{background-color:#ccc}#text-input{display:flex;justify-content:center;align-items:center;min-height:20px;height:auto;font-size:16px;width:1000px;padding:10px 70px 10px 30px;color:#fff;resize:none;overflow-y:auto;field-sizing:content;max-height:200px;scrollbar-width:thin;scrollbar-color:#888 transparent;flex:1;background:none;border:none;outline:none}#text-input::placeholder{align-self:center}#text-input:focus{outline:none}.ai-response{white-space:pre-wrap;color:#fff;margin:0 auto;overflow-wrap:break-word;max-width:800px;padding-bottom:80px}.user-message{white-space:pre-wrap;color:#fff;background:#2a2b32;margin-left:auto;margin-right:550px;border-bottom-left-radius:20px;border-bottom-right-radius:20px;border-top-left-radius:20px;padding:20px;max-width:500px;overflow-wrap:break-word;margin-bottom:80px}.messages{display:flex;flex-direction:column;overflow-y:auto;padding:10px 10px 100px;text-align:left;width:100%;scrollbar-width:thin;scrollbar-color:#888 transparent;flex:1}.hidden{display:none}#title{color:#fff;margin-top:25vh}