/* styles.css */
 body{
    font-family:Arial, sans-serif;
 }

.chat-container {
    max-width: 400px;
    margin:0 auto;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 10px;
}

.chat-bubble {
    background-color: #f1f1f1;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 10px;
}

    
.chat-header{
    background-color: #007bff; /* 헤더 배경색을 밝은 파란색으로 설정 */
    color: white; /* 텍스트 색상을 흰색으로 설정 */
    padding: 10px 0; /* 상하 패딩을 20px로 설정 */
    text-align: center; /* 텍스트를 중앙 정렬 */
    width: 100%; /* 너비를 100%로 설정 */
border-bottom: 1px solid #ccc;
   
}
  

.user-bubble {
    background-color: #e2f7fd;
    text-align: right;
}

.bot-bubble {
    background-color: #f1f1f1;
    text-align: left;
}

.chat-input {
    width: 100%;
    padding: 8px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 5px;
} 
   
.send-button {
        margin-top: 10px;
        padding:8px 16px;
        background-color: #4CAF50;
        color: white;
        border: none;
        border-radius: 5px;
        cursor: pointer;
}