style.css

/*BODY AND BACKGROUND*/
body {
    background-color: #1E1E1E;
    color: #FFFFFF;
    font-family: 'Inter', sans-serif;
}
    
/*CHATBOT*/
.gr-chatbot {
    background-color: #F5F0E1;
    border-radius: 16px;
    padding: 20px;
    font-family: 'Inter', sans-serif;
    color: #1E1E1E;
}

/*CHAT BUBBLES*/
.gr-chatbot .message {
    background-color: #F5F0E1 !important;
    color: #1E1E1E !important;
    border-radius: 12px;
    padding: 8px 12px;
    margin-bottom: 6px;
}

/*INPUTS AND DROPDOWNS*/
.gr-dropdown, .gr-textbox {
    border-radius: 12px;
    border: 1px solid #A892FF;
    background-color: #F5F0E1;
    color: #1E1E1E;
    padding: 8px;
}
    
/*Placeholder text for inputs*/
.gr-textbox::placeholder {
    color: #B0B0B0;
}

/*BUTTONS*/
.gr-button {
    border-radius: 12px;
    background-color: #6C63FF;
    color: #FFFFFF;
    font-weight: 600;
}

.gr-button:hover {
    background-color: #A892FF;
}

/*HEADER TEXT*/
.header-text {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    color: #FFFFFF;
}

#agent-avatar {
    width: 100px;       
    height: 100px;      
    margin-bottom: 12px;
}
    
/* Avatar default styling */