Update style.css

style.css

@@ -1,5 +1,5 @@
 #col-container {
-    max-width: 800px;
+    max-width: 1200px;
     margin-left: auto;
     margin-right: auto;
 }
@@ -12,8 +12,8 @@ a {
 }
 .gr-button {
     color: white;
-    border-color: #9d66e5;
-    background: #9d66e5;
+    border-color: #ff0000;
+    background: #ff0000;
 }
 input[type='range'] {
     accent-color: #9d66e5;
@@ -22,7 +22,7 @@ input[type='range'] {
     accent-color: #dfdfdf;
 }
 .container {
-    max-width: 800px;
+    max-width: 1200px;
     margin: auto;
     padding-top: 1.5rem;
 }
@@ -44,13 +44,13 @@ input[type='range'] {
     white-space: nowrap;
 }
 .gr-button:focus {
-    border-color: rgb(147 197 253 / var(--tw-border-opacity));
+    border-color: rgb(255 160 0 / var(--tw-border-opacity));
     outline: none;
     box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
     --tw-border-opacity: 1;
     --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
     --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px var(--tw-ring-offset-width)) var(--tw-ring-color);
-    --tw-ring-color: rgb(191 219 254 / var(--tw-ring-opacity));
+    --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity));
     --tw-ring-opacity: .5;
 }
 #advanced-options {