yousefdergham

    <style>
      @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:#343541}#app{width:100vw;height:69vh;background:#343541;display:flex;flex-direction:column;align-items:center;justify-content:space-between}#chat_container{flex:1;width:100%;height:49%;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}.ai{background:#40414f}.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:5px;display:flex;justify-content:center;align-items:center}.ai .profile{background:#fff}.profile img{width:60%;height:60%;object-fit:contain}.message{flex:1;color:#dcdcdc;font-size:20px;max-width:100%;ov

yousefdergham

@import url('https://fonts.googleapis.com/css2?family=Alegreya+Sans:wght@100;300;400;500;700;800;900&display=swap');
#website-content {
  background-color: #343541;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  /* hides scrollbar */
}

#website-content::-webkit-scrollbar {

yousefdergham

<link
  rel="stylesheet"
  href="https://almdrasa-gpt-public.vercel.app/assets/index-b0e69853.css"
/>
<style>
  .app-cont-one {
    width: 400px !important;
    height: 600px !important;
  }
  .message_chat{