Ask MELVIN

super-embed:
<style>
  #customgpt_chat {
    position: relative;
  }

  .overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 45px;
    background-color: #F1F2F3; /* You can set the background color to match your page's background */
  }

  .overlay-text {
    position: absolute;
    bottom: 0%;
    left: 50%;
    transform: translateX(-50%);
    color: black; /* Set the text color */
    background-color: transparent; /* Text background color to match the overlay */
    padding: 10px 0px; /* Adjust padding as needed */
    font-family: 'Inter', sans-serif; /* Set the font-family to Inter */
    font-size: 12px; /* Decrease the font size as needed */
  }

  .overlay-text a {
    color: #008C84; /* Set the link color to #008C84 */
  }
</style>

<div id="customgpt_chat">
  <div class="overlay"></div>
  <div class="overlay-text">Powered by <a href="https://melvintb.ai/alx"><img src="https://images.spr.so/cdn-cgi/imagedelivery/j42No7y-dcokJuNgXeA0ig/f2b07249-3276-40e7-b4a8-6b82bd335fb5/MELVIN_A/w=3840,quality=80" alt="alx" width="20" height="20" /></a> and <a href="https://coe.tbdiah.org/" target="_blank">COE</a></div>
</div>

<script>
  const customGptScript = document.createElement('script');
  customGptScript.src = "https://cdn.customgpt.ai/js/embed.js";
  customGptScript.setAttribute("div_id", "customgpt_chat");
  customGptScript.setAttribute("p_id", "16165");
  // Change the p_id
  customGptScript.setAttribute("p_key", "92beb6d61e686a0301aaffc4b8f8a8b1");
  // Change the p_key
  customGptScript.setAttribute("width", "100%");
  customGptScript.setAttribute("height", "600px");

  // Set the script to be asynchronous
  customGptScript.async = true;

  // Append the script to the document
  document.body.appendChild(customGptScript);
</script>