Update style.css

style.css

@@ -7,10 +7,10 @@ a {
     color: inherit;
     text-decoration: underline;
 }
-.gradio-container {
+gradio-container {
     font-family: 'IBM Plex Sans', sans-serif;
 }
-.gr-button {
+gr-button {
     color: white;
     border-color: #9d66e5;
     background: #9d66e5;
@@ -18,10 +18,10 @@ a {
 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 @@ input[type='range'] {
 .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,7 +56,7 @@ input[type='range'] {
 #advanced-options {
     margin-bottom: 20px;
 }
-.footer {
+footer {
     margin-bottom: 45px;
     margin-top: 35px;
     text-align: center;