/* Target Chrome’s autofill */
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  /* Remove the yellow/pale blue background */
  -webkit-box-shadow: 0 0 0px 1000px white inset !important;
  box-shadow: 0 0 0px 1000px white inset !important;

  /* Restore your desired text color */
  -webkit-text-fill-color: #000 !important;

  /* Disable the default transition (so your bg “sticks”) */
  transition: background-color 5000s ease-in-out 0s !important;
}

/* You can also explicitly override that internal rule */
input:-internal-autofill-selected {
  appearance: none !important;
  background-image: none !important;
  background-color: inherit !important;
  color: inherit !important;
}
#root {
  height: 100vh;
}