Did some more very vital styling...I am very good at prioritizing...

src/main/resources/ch/unibas/dmi/dbis/cs108/multiplayer/client/gui/chat/Chat.css

@@ -7,6 +7,13 @@
   -fx-text-alignment: center;
 }
 
+.separator *.line {
+  -fx-border-style: solid;
+  -fx-border-color: rgb(90,69,51);
+  -fx-background-color: rgb(90,69,51);
+  -fx-effect: none;
+}
+
 #vBoxChatMessages{
   -fx-background-color: transparent;
 }

src/main/resources/ch/unibas/dmi/dbis/cs108/multiplayer/client/gui/chat/ChatView.fxml

@@ -22,7 +22,6 @@
             <Image url="@images/chatwindow.png" />
          </image>
       </ImageView>
-      <Separator layoutX="810.0" layoutY="95.0" orientation="VERTICAL" prefHeight="220.0" prefWidth="12.0" />
       <AnchorPane layoutX="115.0" layoutY="95.0" prefHeight="220.0" prefWidth="700.0">
          <children>
             <GridPane alignment="CENTER" maxWidth="-Infinity" pickOnBounds="false" prefWidth="700.0" AnchorPane.bottomAnchor="0.0" AnchorPane.leftAnchor="0.0" AnchorPane.rightAnchor="0.0" AnchorPane.topAnchor="0.0">
@@ -115,5 +114,6 @@
             <VBox fx:id="vBoxServer" maxWidth="430.0" minWidth="-Infinity" prefHeight="154.0" prefWidth="430.0" spacing="2.0" />
          </content>
       </ScrollPane>
+      <Separator layoutX="810.0" layoutY="95.0" orientation="VERTICAL" prefHeight="220.0" prefWidth="7.0" />
    </children>
 </AnchorPane>

src/main/resources/ch/unibas/dmi/dbis/cs108/multiplayer/client/gui/game/GameDay.css

@@ -13,12 +13,19 @@
 }
 
 #noiseButton{
-  -fx-background-color: midnightblue;
+  -fx-background-color: rgb(15,26,59);
+  -fx-background-image: url(bell.jpg);
+  -fx-background-size: 100%;
   -fx-text-fill: lightgrey;
 }
 
+#noiseButton:hover{
+  -fx-effect: innershadow(gaussian, lightsteelblue, 10, 0.5 , 2, 2);
+}
+
 #noiseButton:pressed{
-  -fx-background-color: midnightblue;
+  -fx-background-image: url(bellPressed.jpg);
+  -fx-background-size: 100%;
   -fx-text-fill: lightgrey;
 }
 

src/main/resources/ch/unibas/dmi/dbis/cs108/multiplayer/client/gui/game/GameDayAll.fxml

@@ -91,11 +91,12 @@
           </Button>
          </children>
       </Group>
-      <Button fx:id="noiseButton" alignment="CENTER" layoutX="267.0" layoutY="482.0" mnemonicParsing="false" onAction="#noise" prefHeight="114.0" prefWidth="217.0" text="I heard some noise">
+      <Button fx:id="noiseButton" alignment="CENTER" layoutX="1161.0" layoutY="166.0" mnemonicParsing="false" onAction="#noise" prefHeight="115.0" prefWidth="115.0">
          <font>
             <Font name="System Bold" size="21.0" />
-         </font></Button>
+         </font>
-      <TextFlow fx:id="notificationText" accessibleRole="PARENT" layoutX="210.0" layoutY="20.0" pickOnBounds="false" prefHeight="200.0" prefWidth="800.0" textAlignment="CENTER" />
+      </Button>
+      <TextFlow fx:id="notificationText" accessibleRole="PARENT" layoutX="346.0" layoutY="112.0" pickOnBounds="false" prefHeight="200.0" prefWidth="800.0" textAlignment="CENTER" />
       <AnchorPane fx:id="chatAreaGame" pickOnBounds="false" />
   </children>
 </AnchorPane>

src/main/resources/ch/unibas/dmi/dbis/cs108/multiplayer/client/gui/lounge/boarderPane.css

@@ -5,21 +5,22 @@
 
 #NTtBToolBar{
   -fx-border-color: grey;
-  -fx-background-color: rgba(255,255,255,0.5);
+  -fx-background-color: rgb(15,26,59,0.8);
 }
 
 .button{
-  -fx-background-color: midnightblue;
+  -fx-background-color: rgb(204,186,138);
-  -fx-text-fill: lightsteelblue;
+  -fx-effect: innershadow(gaussian, rgb(142,121,89), 10, 0.5 , 2, 2);
+  -fx-text-fill: black;
 }
 
 .button:pressed{
-  -fx-background-color: lightsteelblue;
+  -fx-background-color: rgb(90,69,51);
-  -fx-text-fill: midnightblue;
+  -fx-text-fill: rgb(197,177,131);
 }
 
 .button:hover{
-  -fx-effect: innershadow(gaussian, lightsteelblue, 10, 0.5 , 2, 2);
+  -fx-effect: innershadow(gaussian, rgb(90,69,51), 10, 0.5 , 2, 2);
 }
 
 *{