.root {
    -fx-font-family: "Arial";
    -fx-background-color: linear-gradient(to bottom right, #e0f7fa, #b2ebf2);
}

.button {
    -fx-font-size: 14pt;
    -fx-background-color: #00796b;
    -fx-text-fill: white;
    -fx-background-radius: 8;
    -fx-padding: 8 16 8 16;
    -fx-border-radius: 8;
    -fx-border-color: #004d40;
    -fx-border-width: 2;
    -fx-cursor: hand;
    -fx-effect: dropshadow(gaussian, rgba(0,0,0,0.25), 4,0,2,2);
}

.button:hover {
    -fx-background-color: #004d40;
}

.tooltip {
    -fx-font-size: 12pt;
    -fx-background-color: #ffffffcc;
    -fx-text-fill: #00796b;
    -fx-border-color: #00796b;
    -fx-border-width: 1;
    -fx-padding: 4 8 4 8;
}

.media-view {
    -fx-border-color: #00796b;
    -fx-border-width: 3;
    -fx-border-radius: 10;
}