diff --git a/Basic/ClientDriven/Assets/UI Toolkit/ClientDrivenUIStyleSheet.uss b/Basic/ClientDriven/Assets/UI Toolkit/ClientDrivenUIStyleSheet.uss
index 4999eae65..eb945f6d5 100644
--- a/Basic/ClientDriven/Assets/UI Toolkit/ClientDrivenUIStyleSheet.uss	
+++ b/Basic/ClientDriven/Assets/UI Toolkit/ClientDrivenUIStyleSheet.uss	
@@ -1,12 +1,12 @@
 * {
-    color: rgb(167, 173, 255);
+    color: rgb(227, 177, 255);
     font-size: 40px;
     letter-spacing: 2px;
     -unity-text-align: middle-center;
     -unity-font-style: bold;
-    -unity-text-outline-width: 1px;
+    -unity-text-outline-width: 0.5px;
     -unity-text-outline-color: rgb(26, 9, 31);
-    text-shadow: 1px 1px 4px rgb(26, 9, 31);
+    text-shadow: 1px 1px 1px rgb(26, 9, 31);
 }
 
 .layout-buttons {
@@ -50,11 +50,11 @@
 }
 
 .button-style:inactive {
-    border-left-color: rgba(34, 18, 83, 0.7);
-    border-right-color: rgba(34, 18, 83, 0.7);
-    border-top-color: rgba(34, 18, 83, 0.7);
-    border-bottom-color: rgba(34, 18, 83, 0.7);
-    background-color: rgb(67, 72, 143);
+    border-left-color: rgb(65, 5, 81);
+    border-right-color: rgb(65, 5, 81);
+    border-top-color: rgb(65, 5, 81);
+    border-bottom-color: rgb(65, 5, 81);
+    background-color: rgb(125, 60, 143);
     border-top-left-radius: 10px;
     border-bottom-left-radius: 10px;
     border-top-right-radius: 10px;
@@ -63,41 +63,42 @@
     border-right-width: 3px;
     border-top-width: 3px;
     border-bottom-width: 3px;
+    flex-grow: 1;
 }
 
 .button-style:hover {
     display: flex;
     translate: -1px -1px;
-    background-color: rgb(91, 95, 166);
+    background-color: rgb(148, 83, 166);
 }
 
 .button-style:active {
     display: flex;
     translate: 1px 1px;
-    background-color: rgb(50, 53, 106);
+    background-color: rgb(106, 39, 124);
+    border-left-color: rgb(65, 5, 81);
+    border-right-color: rgb(65, 5, 81);
+    border-top-color: rgb(65, 5, 81);
+    border-bottom-color: rgb(65, 5, 81);
     border-left-width: 3px;
     border-right-width: 3px;
     border-top-width: 3px;
     border-bottom-width: 3px;
-    border-left-color: rgba(34, 18, 83, 0.7);
-    border-right-color: rgba(34, 18, 83, 0.7);
-    border-top-color: rgba(34, 18, 83, 0.7);
-    border-bottom-color: rgba(34, 18, 83, 0.7);
 }
 
 .button-style:disabled {
-    background-color: rgb(50, 53, 106);
+    background-color: rgb(132, 90, 143);
     color: rgb(48, 87, 128);
 }
 
 .input-field:inactive {
     flex-grow: 1;
     color: rgb(93, 168, 255);
-    background-color: rgb(42, 47, 105);
-    border-left-color: rgba(38, 20, 94, 0.7);
-    border-right-color: rgba(38, 20, 94, 0.7);
-    border-top-color: rgba(38, 20, 94, 0.7);
-    border-bottom-color: rgba(38, 20, 94, 0.7);
+    background-color: rgb(13, 0, 20);
+    border-left-color: rgb(65, 5, 81);
+    border-right-color: rgb(65, 5, 81);
+    border-top-color: rgb(65, 5, 81);
+    border-bottom-color: rgb(65, 5, 81);
     border-left-width: 3px;
     border-right-width: 3px;
     border-top-width: 3px;
@@ -116,7 +117,7 @@
 .input-field:hover {
     flex-grow: 1;
     color: rgb(127, 192, 255);
-    background-color: rgb(54, 59, 130);
+    background-color: rgb(33, 2, 47);
     font-size: 20px;
     margin-left: 6px;
     margin-right: 6px;
@@ -127,7 +128,7 @@
 .input-field:focus {
     flex-grow: 1;
     color: rgb(127, 192, 255);
-    background-color: rgb(42, 47, 105);
+    background-color: rgb(33, 2, 47);
     font-size: 20px;
     margin-left: 6px;
     margin-right: 6px;
@@ -145,7 +146,7 @@
     margin-bottom: 6px;
     scale: 1 1;
     translate: 0 0;
-    background-color: rgb(42, 47, 105);
+    background-color: rgb(3, 0, 5);
 }
 
 .input-field > .unity-base-text-field__input:inactive {
@@ -156,3 +157,26 @@
     -unity-text-align: middle-center;
     -unity-font-style: bold-and-italic;
 }
+
+.background {
+    width: 590px;
+    height: 119px;
+    margin-left: 0;
+    margin-right: 0;
+    margin-top: 0;
+    margin-bottom: 0;
+    background-color: rgba(65, 5, 81, 0.97);
+    border-left-color: rgb(65, 5, 81);
+    border-right-color: rgb(65, 5, 81);
+    border-top-color: rgb(65, 5, 81);
+    border-bottom-color: rgb(65, 5, 81);
+    border-left-width: 3px;
+    border-right-width: 3px;
+    border-top-width: 3px;
+    border-bottom-width: 3px;
+    border-top-left-radius: 30px;
+    border-bottom-left-radius: 30px;
+    border-top-right-radius: 30px;
+    border-bottom-right-radius: 30px;
+    justify-content: center;
+}
diff --git a/Basic/ClientDriven/Assets/UI Toolkit/GameUI/GameUI.uxml b/Basic/ClientDriven/Assets/UI Toolkit/GameUI/GameUI.uxml
index 525c6f72e..912c9049b 100644
--- a/Basic/ClientDriven/Assets/UI Toolkit/GameUI/GameUI.uxml	
+++ b/Basic/ClientDriven/Assets/UI Toolkit/GameUI/GameUI.uxml	
@@ -2,13 +2,17 @@
     <Style src="project://database/Assets/UI%20Toolkit/ClientDrivenUIStyleSheet.uss?fileID=7433441132597879392&amp;guid=bcbf16fef3f0e5a40887d466edf9c406&amp;type=3#ClientDrivenUIStyleSheet" />
     <ui:VisualElement name="Canvas" style="flex-grow: 1; justify-content: space-between; align-items: stretch; height: 100%; width: 100%; opacity: 1; flex-direction: column;">
         <ui:VisualElement name="ScoreHolder" style="flex-grow: 1; height: auto; flex-direction: row; justify-content: flex-end; align-items: flex-start; padding-top: 20px; padding-right: 20px; padding-left: 20px; padding-bottom: 20px;">
-            <ui:VisualElement name="ScoreHolder" style="flex-direction: row; justify-content: space-between; width: 252px; align-items: flex-start;">
-                <ui:Label text="Score:" display-tooltip-when-elided="true" name="ScoreDisplay" style="flex-grow: 1; height: auto; width: auto; -unity-text-align: middle-right; color: rgb(167, 173, 255);" />
-                <ui:Label text="0&#10;" display-tooltip-when-elided="true" name="ScoreText" style="flex-grow: 0; height: auto; width: 55px; -unity-text-align: middle-right; color: rgb(167, 173, 255); flex-direction: row-reverse; justify-content: flex-end;" />
+            <ui:VisualElement class="background" style="width: 192px; height: 61px;">
+                <ui:VisualElement name="ScoreHolder" style="flex-direction: row; justify-content: space-between; width: auto; align-items: center; margin-left: 16px; margin-right: 16px; margin-top: 16px; margin-bottom: 16px;">
+                    <ui:Label text="Score:" display-tooltip-when-elided="true" name="ScoreDisplay" style="flex-grow: 1; font-size: 30px; -unity-text-align: middle-left;" />
+                    <ui:Label text="0" display-tooltip-when-elided="true" name="ScoreText" style="flex-grow: 1; flex-direction: row-reverse; justify-content: flex-end; align-items: auto; -unity-text-align: middle-right; padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; font-size: 30px;" />
+                </ui:VisualElement>
             </ui:VisualElement>
         </ui:VisualElement>
         <ui:VisualElement name="TextHolder" style="flex-grow: 1; height: auto; flex-direction: row; justify-content: flex-start; align-items: flex-end; padding-top: 20px; padding-right: 20px; padding-left: 20px; padding-bottom: 20px;">
-            <ui:Label text="Pick up orbs by pressing E. Change orb color with the converters in the middle of the level. Score points by dropping orbs in matching drop zones." display-tooltip-when-elided="true" name="HowToPlayText" style="height: auto; width: 821px; -unity-text-align: upper-left; white-space: normal; margin-top: 0; margin-left: 0; margin-right: 0; margin-bottom: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; font-size: 30px; color: rgb(167, 173, 255); padding-top: 0; flex-grow: 0; letter-spacing: 0;" />
+            <ui:VisualElement class="background" style="height: 127px; width: 727px;">
+                <ui:Label text="Pick up orbs by pressing E. Change orb color with the converters in the middle of the level. Score points by dropping orbs in matching drop zones." display-tooltip-when-elided="true" name="HowToPlayText" style="font-size: 24px; white-space: normal; -unity-text-align: middle-left; padding-left: 18px; padding-right: 18px; padding-top: 18px; padding-bottom: 18px; flex-grow: 1;" />
+            </ui:VisualElement>
         </ui:VisualElement>
     </ui:VisualElement>
 </ui:UXML>
diff --git a/Basic/ClientDriven/Assets/UI Toolkit/GameUI/MainMenuUI.uxml b/Basic/ClientDriven/Assets/UI Toolkit/GameUI/MainMenuUI.uxml
index b89d0b27e..727ae6fd9 100644
--- a/Basic/ClientDriven/Assets/UI Toolkit/GameUI/MainMenuUI.uxml	
+++ b/Basic/ClientDriven/Assets/UI Toolkit/GameUI/MainMenuUI.uxml	
@@ -1,7 +1,7 @@
 <ui:UXML xmlns:ui="UnityEngine.UIElements" xmlns:uie="UnityEditor.UIElements" xsi="http://www.w3.org/2001/XMLSchema-instance" engine="UnityEngine.UIElements" editor="UnityEditor.UIElements" noNamespaceSchemaLocation="../../UIElementsSchema/UIElements.xsd" editor-extension-mode="False">
     <Style src="project://database/Assets/UI%20Toolkit/ClientDrivenUIStyleSheet.uss?fileID=7433441132597879392&amp;guid=bcbf16fef3f0e5a40887d466edf9c406&amp;type=3#ClientDrivenUIStyleSheet" />
-    <ui:VisualElement name="Canvas" style="flex-grow: 1; justify-content: center; align-items: center; height: 100%; width: 100%; background-image: url(&apos;project://database/Assets/Textures/backgroundGlow.png?fileID=2800000&amp;guid=54479458116cb0b47af67b1eab91865a&amp;type=3#backgroundGlow&apos;); -unity-background-image-tint-color: rgba(127, 136, 255, 0.42); background-color: rgba(238, 130, 227, 0.25); -unity-slice-left: 13; -unity-slice-top: 13; -unity-slice-right: 13; -unity-slice-bottom: 13;">
-        <ui:VisualElement name="Background" style="align-items: center; justify-content: center; width: 655px; background-image: url(&apos;project://database/Assets/Textures/blockEmissive02.png?fileID=2800000&amp;guid=b0ec8278615a9ce4a869b5587ce910f2&amp;type=3#blockEmissive02&apos;); -unity-slice-left: 0; -unity-slice-top: 0; -unity-slice-right: 0; -unity-slice-bottom: 0; height: 364px; background-color: rgba(167, 173, 255, 0); -unity-background-image-tint-color: rgba(167, 173, 255, 0.28); border-top-left-radius: 18px; border-bottom-left-radius: 18px; border-top-right-radius: 18px; border-bottom-right-radius: 18px; border-left-width: 5px; border-right-width: 5px; border-top-width: 5px; border-bottom-width: 5px; border-left-color: rgba(34, 18, 83, 0.7); border-right-color: rgba(34, 18, 83, 0.7); border-top-color: rgba(34, 18, 83, 0.7); border-bottom-color: rgba(34, 18, 83, 0.7);">
+    <ui:VisualElement name="Canvas" style="flex-grow: 1; justify-content: center; align-items: center; height: 100%; width: 100%; background-color: rgba(237, 143, 198, 0.21);">
+        <ui:VisualElement name="Background" class="background" style="align-items: center; justify-content: center; width: 655px; height: 364px;">
             <ui:VisualElement name="MainMenuUIWrapper" style="height: 326px; width: 569px; align-items: center; justify-content: flex-start; visibility: visible; display: flex; opacity: 1; flex-shrink: 0;">
                 <ui:VisualElement name="ButtonsLayout" style="height: 266px; width: 560px; justify-content: space-around; align-items: stretch; margin-left: 0; margin-right: 0; margin-top: 31px; margin-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; flex-shrink: 0;">
                     <ui:VisualElement name="InputFieldLabelWrapper" class="layout-buttons" style="height: 120px; justify-content: space-around; align-items: stretch; margin-bottom: 8px;">
@@ -9,7 +9,7 @@
                         <ui:Label text="Port" display-tooltip-when-elided="true" style="flex-grow: 1; height: 25px; width: 50px;" />
                     </ui:VisualElement>
                     <ui:VisualElement name="InputFieldWrapper" class="layout-buttons" style="margin-bottom: 14px; justify-content: space-between;">
-                        <ui:TextField picking-mode="Ignore" text="127.0.0.1" name="IPAddressField" focusable="true" is-delayed="true" class="input-field" style="width: 230px; height: 60px;" />
+                        <ui:TextField picking-mode="Ignore" text="127.0.0.1" name="IPAddressField" focusable="true" is-delayed="true" password="false" class="input-field" style="width: 230px; height: 60px;" />
                         <ui:TextField picking-mode="Ignore" text="9998" name="PortField" focusable="true" is-delayed="true" class="input-field" style="width: 100px; height: 60px;" />
                     </ui:VisualElement>
                     <ui:VisualElement name="HostButtonWrapper" class="layout-buttons" style="margin-bottom: 6px;">