.watermark,  #readme-button, #theme-toggle {
  visibility: hidden;
}

a.element-link {
  font-size: 0.9rem;
}

/*Can you change the color of the arrow button to BLACK? */
#chat-submit {
   background-color: black;
}

/* Can you shrink the size and change the color (to BLACK) of the header text in the source window (below)? No bright blue anywhere, if possible. */
#citation-title {
  font-size: 1.6rem;
  a {
    color: black;
    text-decoration: underline;
  }
}
/* Is it possible to shrink the gray bubbles in the responses (see below)? We’d like them to look more discreet. They’re a bit distracting to the eye. */
div[role="article"] {
    a {
        line-height: 1.4rem;
        padding-left: .2rem;
        padding-right: .2rem;
    }
}
/* Can you make the circle image of the biographical subject bigger and more visible (see below)? */
div.ai-message {
    span.inline-block {
        span {
            width: 4rem;
            height: 4rem;
        }
    }
}

/* On mobile: The drop-down menu and sample queries are cut off on the screen. The feedback pop-up box also gets cut off. Please fix. */
@media only screen and (max-width: 600px) {
    div#starters {
        button {
            width: 25em;
            div {
                p {
                    text-wrap: pretty;
                }
            }
        }
    }

    #chat-profile-description {
        width: 8rem;
    }
}