started the great ui redesign

app/src/main/resources/assets/style/app.css

@@ -1,5 +1,11 @@
-.background {
-	-fx-background-color: linear-gradient(to bottom right, #21a7b2, #8f32b9);
+.container {
+	-fx-background-color: linear-gradient(to bottom right, orange, indigo), #1d1d1d;
+    -fx-background-insets: 0, 2;
+    -fx-background-radius: 8;
+    -fx-padding: 10;
+
+	-fx-alignment: center;
+	-fx-text-alignment: center;
 }
 
 .text {
@@ -10,28 +16,20 @@
 	-fx-font-size: 24px;
 }
 
-.button, .text-field, .combo-box, .combo-box-popup .list-cell {
-	-fx-padding: 10 20;
+.button {
+	-fx-padding: 10;
 
 	-fx-background-color: transparent;
 	-fx-border-color: transparent;
+
+	-fx-transition: all 0.3s ease-in-out;
 }
 
-.combo-box-popup .list-view {
-	-fx-background-color: #1d1d1d;
-}
-
-.text-field {
-	-fx-text-fill: white;
-}
-
-.button:hover, .text-field:hover, .combo-box:hover, .combo-box-popup .list-cell:hover {
+.button:hover {
 	-fx-cursor: hand;
 
-	-fx-effect: dropshadow(gaussian, #00ffff7f, 10, 0.5, 0, 0);
-	-fx-border-color: white;
-}
+    -fx-scale-x: 1.1;
+    -fx-scale-y: 1.1;
 
-.text-field:focused, .combo-box:focused {
-	-fx-border-color: white;
+    -fx-effect: dropshadow(gaussian, #007fff, 10, 0.5, 0, 0);
 }

app/src/main/resources/assets/style/main.css

@@ -0,0 +1,3 @@
+.background {
+	-fx-background-color: linear-gradient(to bottom right, #21a7b2, #8f32b9);
+}

app/src/main/resources/assets/style/quit.css

@@ -1,8 +1,3 @@
-.quit_background {
-	-fx-background-color: rgba(0, 0, 0, 0.6);
-}
-
-.quit_box {
-	-fx-background-color: rgba(30, 30, 30, 0.5);
-	-fx-background-radius: 15;
+.background {
+	-fx-background-color: #0000007f;
 }