Launch button stylized to look clearer. WIP on moving all the launch elements to the right for better readability.

src/ui/App.css

@@ -29,7 +29,7 @@ select:focus {
 
 .App {
   background-size: cover !important;
-  background-position: center !important;
+  background-position: bottom !important;
 }
 
 .TopButton {
@@ -107,11 +107,8 @@ select:focus {
   width: 100%;
   height: 160px;
 
-  backdrop-filter: blur(10px);
-  box-shadow: inset 0px 5px 12px -3px rgb(50 50 50 / 75%);
-
   margin: 0;
-  padding: 0;
+  text-align: right;
 }
 
 @media (max-height: 580px) {

src/ui/components/ServerLaunchSection.css

@@ -8,9 +8,10 @@
   right: 10%;
   top: 50%;
 
-  width: 32%;
-  height: 80%;
+  width: 20%;
+  height: 120%;
   min-width: 357px;
+  padding: 0 0 140px 0;
 }
 
 #playButton > div {
@@ -20,13 +21,15 @@
 #playButton .BigButton {
   height: 100%;
   box-shadow: 0 0 5px 3px rgba(0, 0, 0, 0.2);
+  font-size: 24px;
+  font-weight: 400;
 }
 
 #serverControls {
   color: white;
 
   text-shadow: 1px 1px 8px black;
-}
+} 
 
 .BottomSection .CheckboxDisplay {
   border-color: #c5c5c5;