@import"https://fonts.googleapis.com/css2?family=Alegreya+Sans:wght@100;300;400;500;700;800;900&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Alegreya Sans,sans-serif}body{background:#667b81}#app{width:100%;height:90vh;background:#61637a;display:flex;flex-direction:column;align-items:center;justify-content:space-between}#chat_container{flex:1;width:90%;height:90%;overflow-y:scroll;display:flex;flex-direction:column;gap:10px;-ms-overflow-style:none;scrollbar-width:none;padding-bottom:20px;scroll-behavior:smooth}#chat_container::-webkit-scrollbar{display:none}.wrapper{width:100%;padding:15px;-webkit-box-shadow:-1px -3px 20px -4px rgba(132,186,186,1);-moz-box-shadow:-1px -3px 20px -4px rgba(132,186,186,1);box-shadow:-1px -3px 20px -4px #84baba}.ai{background:#74758b}.chat{width:100%;max-width:1280px;margin:0 auto;display:flex;flex-direction:row;align-items:flex-start;gap:10px}.profile{width:36px;height:36px;border-radius:50px;background:#5436DA;display:flex;justify-content:center;align-items:center}.ai .profile{background:#04ffc0}.profile img{width:60%;height:60%;object-fit:contain}.message{flex:1;color:#f5f3f3;font-size:20px;max-width:100%;overflow-x:scroll;white-space:pre-wrap;-ms-overflow-style:none;scrollbar-width:none}.message::-webkit-scrollbar{display:none}form{width:90%;max-width:1280px;margin:0 auto;padding:5px;background:linear-gradient(rgba(222,165,165,.442),rgba(200,200,231,.99),rgba(175,143,129,.377));display:flex;flex-direction:row;gap:10px}textarea{width:100%;color:#000;font-size:18px;resize:none;padding:5px;background:transparent;border-radius:5px;border:none;outline:none;overflow:hidden;-webkit-box-shadow:4px -2px 23px -11px rgba(150,46,150,1);-moz-box-shadow:4px -2px 23px -11px rgba(150,46,150,1);box-shadow:4px -2px 23px -11px #962e96}button{outline:0;border:0;cursor:pointer;background:transparent}form img{width:35px;height:35px}.element{animation:rotate 2s infinite;background-color:#00f2ff}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}