#container{
    -fx-background-color: #fff;
    -fx-background-radius: 20px;
}

.dark #container{
    -fx-background-color: #444;
}

.scrollPane {
    -fx-background-color: transparent;
    -fx-border-width: 1px 0 1px;
    -fx-border-color: #999;
}

.scrollPane .viewport {
    -fx-background-color: transparent;
}

#input {
    -fx-padding: 0 0 0 30px;
    -fx-background-radius: 35px;
    -fx-border-radius: 35px;
    -fx-font-size: 18px;
    -fx-prompt-text-fill: #000;
}

.dark #input{
    -fx-background-color: #333;
    -fx-text-fill: #fff;
    -fx-border-width: 2px;
    -fx-border-color: #fff;
    -fx-prompt-text-fill: #ccc;
}


#chat {
    -fx-padding: 20px 10px;
}

.dark .scrollPane {
    -fx-border-color: #ccc;
}

.message {
    -fx-background-radius: 20px;
    -fx-font-size: 20px;
    -fx-padding: 10px 40px 10px 20px;
    -fx-background-color: #ccc;
}

.dark .message {
    -fx-background-color: #333;
    -fx-text-fill: #fff;
}

.message.sender {
    -fx-background-color: #1b6dca;
    -fx-text-fill: #fff;
}

