.root {
    -fx-background-color: #fafafa;
}

.main-box {
    -fx-border-color: rgba(89, 86, 86, 0.66);
    -fx-border-width: 2px;
    -fx-border-style: solid;
    -fx-border-radius: 5px;
    -fx-padding: 5px;
}

.title {
    -fx-font-size: 18px;
    -fx-font-weight: bold;
    -fx-text-fill: #323232;
}

.info {
    -fx-font-size: 16px;
    -fx-font-weight: normal;
    -fx-text-fill: #000000;
}

.title0 {
    -fx-font-size: 18px;
    -fx-font-weight: bold;
    -fx-text-fill: #595656;
}

.nowPlaying {
    -fx-font-size: 16px;
    -fx-text-fill: #595656;
}

.play-btn {
    -fx-background-color: #1b4781;
    -fx-text-fill: white;
    -fx-font-size: 12px;
    -fx-font-weight: bold;
    -fx-background-radius: 6;
    -fx-cursor: hand;
}

.play-btn:hover {
    -fx-background-color: #b379d7;
}

.add-btn {
    -fx-background-color: #1b4781;
    -fx-text-fill: white;
    -fx-font-size: 12px;
    -fx-font-weight: bold;
    -fx-background-radius: 6;
    -fx-cursor: hand;
}

.add-btn:hover {
    -fx-background-color: #b379d7;
}

.openP-btn {
    -fx-background-color: #1b4781;
    -fx-text-fill: white;
    -fx-font-size: 16px;
    -fx-font-weight: bold;
    -fx-padding: 8 16;
    -fx-background-radius: 6;
    -fx-cursor: hand;
}

.openP-btn:hover {
    -fx-background-color: #b379d7;
}

.column {
    -fx-spacing: 12;
    -fx-alignment: CENTER;
}

.play-box {
    -fx-border-color: rgba(52, 152, 219, 0.46);
    -fx-border-width: 2px;
    -fx-border-style: solid;
    -fx-border-radius: 5px;
    -fx-padding: 5px;
}



