#menuPane {
    -fx-background-color: rgba(200,200,200,0.6);
}
#rootPane {
    -fx-background-image: url("/background_connection.jpg");
    -fx-background-repeat: no-repeat;
    -fx-background-position: center;
    -fx-background-size: cover;
}
#connectionPane {
    -fx-background-color: rgba(23,32,42,0.5);
    -fx-background-repeat: no-repeat;
    -fx-background-position: center;
    -fx-background-size: cover;
    -fx-background-radius: 1%;
}
Button {
    -fx-background-color: transparent;
    -fx-background-repeat: no-repeat;
    -fx-background-position: center;
    -fx-background-size: 30%;
    -fx-text-fill: white;
    -fx-font-size: 18;
    -fx-background-radius: 0;
}
Button:hover {
    -fx-background-color: rgba(255,255,255,0.5);
}
Label {
    -fx-text-fill: white;
    -fx-font-size: 16;
}
#minimizeButton {
    -fx-background-image: url("/png/delete.png");
}
#closeButton {
    -fx-background-image: url("/png/cancel.png");
}
#closeButton:hover {
    -fx-background-color: rgba(192,57,43,1);
}
#logoImageView {
    -fx-image: url("/logo.png");
}
#usernameField {
    -fx-font-size: 16;
    -fx-background-color: rgba(23,32,42,0.75);
    -fx-background-radius: 0%;
    -fx-text-fill: rgba(220,220,220,1);
    -fx-prompt-text-fill: rgba(200,200,200,1);
}
#passwordField {
    -fx-font-size: 16;
    -fx-background-color: rgba(23,32,42,0.75);
    -fx-background-radius: 0%;
    -fx-text-fill: rgba(220,220,220,1);
    -fx-prompt-text-fill: rgba(200,200,200,1);
}
#connectionButton {
    -fx-background-color: rgba(23,32,42,0.75);
}
#connectionButton:hover {
    -fx-background-color: rgba(43,52,62,0.75);
}
#saveAuthCheckBox {
    -fx-text-fill: rgba(200,200,200,1);
    -fx-font-size: 14;
}
#saveAuthCheckBox .box {
    -fx-background-color: rgba(23,32,42,0.75);
    -fx-border-color: transparent;
}
#saveAuthCheckBox:selected .mark {
    -fx-background-color: rgba(200,200,200,1);
}
#errorLabel {
    -fx-text-fill: darkred;
    -fx-font-size: 14;
    -fx-font-weight: bold;
}