javascript override of browser styles.

css/base.css

@@ -23,16 +23,16 @@ p,
 small,
 label,
 input,
-input:is(:-webkit-autofill, :autofill),
+.autofilled,
 textarea,
 a,
 .modal_button,
 th,
 td,
 li {
-  font-family: 'Hack Nerd Font Mono', Hack, sans-serif !important;
-  padding: 0 !important;
-  margin: 0 !important;
+  font-family: 'Hack Nerd Font Mono', Hack, sans-serif;
+  padding: 0;
+  margin: 0;
 }
 
 h1 {
@@ -358,26 +358,25 @@ i:hover {
 }
 
 input,
-input:is(:-webkit-autofill, :autofill),
+.autofilled,
 textarea {
-  border-radius: 12px !important;
-  width: 100% !important;
-  padding: 15px !important;
-  margin: 15px 15px 15px 0px !important;
-  box-sizing: border-box !important;
-  transition-duration: 500ms !important;
-  resize: none !important;
+  border-radius: 12px;
+  width: 100%;
+  padding: 15px;
+  margin: 15px 15px 15px 0px;
+  box-sizing: border-box;
+  transition-duration: 500ms;
+  resize: none;
 }
 
 input:focus,
-input:is(:-webkit-autofill, :autofill):focus,
+.autofilled,
 textarea:focus,
 input:hover,
-input:is(:-webkit-autofill, :autofill):hover,
 textarea:hover {
-  border: 3px solid orange !important;
-  box-shadow: 0 2px 4px 0 rgba(255, 165, 0, 0.3), 0 3px 8px 0 rgba(255, 165, 0, 0.7) !important;
-  outline: none !important;
+  border: 3px solid orange;
+  box-shadow: 0 2px 4px 0 rgba(255, 165, 0, 0.3), 0 3px 8px 0 rgba(255, 165, 0, 0.7);
+  outline: none;
 }
 
 textarea {