.root{
    -fx-background-color: #0f172a;
}

.label{
    -fx-text-fill: #f8fafc;
}

.button{
    -fx-background-color: #334155;;
    -fx-text-fill: white;
    -fx-background-radius: 14px;
    -fx-cursor: hand;
}

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

.list-view{
    -fx-background-color: #111827;
    -fx-control-inner-background: #111827;
    -fx-background-radius: 16px;
}

.list-cell{
    -fx-background-color: transparent;
    -fx-text-fill: white;
}

.list-cell:selected{
    -fx-background-color: #2563eb;
}

.button.circle-button{

    -fx-background-color: #dbeafe;

    -fx-background-radius: 100em;
    -fx-background-insets: 0;

    -fx-padding: 0;

    -fx-pref-width: 34px;
    -fx-pref-height: 34px;

}