Update style.css

style.css

@@ -10,18 +10,18 @@ a {
 gradio-container {
     font-family: 'IBM Plex Sans', sans-serif;
 }
-gr-button {
+#gr-button {
     color: white;
     border-color: #9d66e5;
     background: #9d66e5;
 }
-input[type='range'] {
+#input[type='range'] {
     accent-color: #9d66e5;
 }
-dark input[type='range'] {
+#dark input[type='range'] {
     accent-color: #dfdfdf;
 }
-container {
+#container {
     max-width: 800px;
     margin: auto;
     padding-top: 1.5rem;
@@ -40,10 +40,10 @@ container {
 .details:hover {
     text-decoration: underline;
 }
-gr-button {
+#gr-button {
     white-space: nowrap;
 }
-gr-button:focus {
+#gr-button:focus {
     border-color: rgb(147 197 253 / var(--tw-border-opacity));
     outline: none;
     box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
@@ -56,24 +56,24 @@ gr-button:focus {
 #advanced-options {
     margin-bottom: 20px;
 }
-footer {
+#footer {
     margin-bottom: 45px;
     margin-top: 35px;
     text-align: center;
     border-bottom: 1px solid #e5e5e5;
 }
-.footer>p {
+#footer>p {
     font-size: .8rem;
     display: inline-block;
     padding: 0 10px;
     transform: translateY(10px);
     background: white;
 }
-.dark .logo{ filter: invert(1); }
-.dark .footer {
+#dark .logo{ filter: invert(1); }
+#dark .footer {
     border-color: #303030;
 }
-.dark .footer>p {
+#dark .footer>p {
     background: #0b0f19;
 }
 .acknowledgments h4{