style.css

body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
  }

  main {
    flex: 1 0 auto;
  }
      
.input {
    color: white;
}
  /* label color */
  /* .input-field label {
    color: white;
  } */
  /* label focus color */
  /* .input-field input[type=text]:focus + label {
    color:whitesmoke;
  } */
  /* label underline focus color
  .input-field input[type=text]:focus {
    border-bottom: 1px solid #000;
    box-shadow: 0 1px 0 0 #000;
  }
  /* valid color */
  /* .input-field input[type=text].valid {
    border-bottom: 1px solid #000;
    box-shadow: 0 1px 0 0 #000;
  } */
  /* invalid color */
  /* .input-field input[type=text].invalid {
    border-bottom: 1px solid #000;
    box-shadow: 0 1px 0 0 #000;
  } */
  /* icon prefix focus color */
  /* .input-field .prefix.active {
    color: #000;
  } */