
.border-pane {
    -fx-background-color: #CCDDFF;
}

.text-area {
    -fx-font-family: "Arial";
    -fx-font-size: 18px;
    -fx-font-weight: bold;
    -fx-text-fill: #88CCFF;
    -fx-background-color: red;
}

.text-area .content {
    -fx-background-color: #224488;
}

.text-area .scroll-bar {
    -fx-background-color: #88BBAA;
}

.text-area .thumb {
    -fx-background-color: #228822;
    -fx-background-radius: 8px;
}

#topButton {
    -fx-font-family: "Arial";
    -fx-font-size: 24px;
    -fx-font-weight: bold;
    -fx-background-color: linear-gradient(#449966, #77EE99);
    -fx-label-padding: 8px, 8px, 8px, 8px;
    -fx-border-insets: 12px;
    -fx-background-insets: 12px;
    -fx-background-radius: 12px;
    -fx-text-fill: #DDFFEE;
}

#bottomButton {
    -fx-font-family: "Arial";
    -fx-font-size: 24px;
    -fx-font-weight: bold;
    -fx-background-color: linear-gradient(#449966, #77EE99);
    -fx-label-padding: 8px, 8px, 8px, 8px;
    -fx-border-insets: 12px;
    -fx-background-insets: 12px;
    -fx-background-radius: 12px;
    -fx-text-fill: #DDFFEE;
}