style.css

#col-container {
  max-width: 700px;
  margin-left: auto; 
  margin-right: auto;
  /*height:100vh;*/
 /*overflow-anchor: none;*/
}
a {text-decoration-line: underline; font-weight: 600;}
.footer {
        margin-bottom: 45px;
        margin-top: 10px;
        text-align: center;
        border-bottom: 1px solid #e5e5e5;
    }
    .footer>p {
        font-size: .8rem;
        display: inline-block;
        padding: 0 10px;
        transform: translateY(10px);
        background: white;
    }
    .dark .footer {
        border-color: #303030;
    }
    .dark .footer>p {
        background: #0b0f19;
    }
.animate-spin {
    animation: spin 1s linear infinite;
}
@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
/*#input_prompt {*/
    /*position: fixed;*/
    /*bottom: 0;*/
    /*width: 680px;*/
    /*background-color: white;
    /*color: black;
    /*padding: 10px;
    /*font-size: 16px;
    /*overflow-anchor: auto;  */
/*}*/
#chatbot-component {
  /*overflow-anchor: none;*/
  overflow: auto;
  display: flex;
  flex-direction: column-reverse;
}
#upload_button {
  /*overflow-anchor: auto;*/  
  /*height: 5 px;*/
  background-color: black;
  color: white;
}
/*#dummy_elem {
  overflow-anchor: auto;
  height: 1px;
}*/
#help_text {
  display: none; /* initially hidden */
}
#help_text:target {
  display: block; /* show when the link is clicked */
}