Roze styling for Amplify Auth

amplify-roze-style.css

.signin {
  text-align: center;
}

.signin div {
  background-color: transparent;
  color: whitesmoke;
  box-shadow: none;
}

.signin div.error {
  background-color: transparent;
  border-radius: 14px;
  margin-top: 20px;
  padding: 10px;
}

.signin button {
  background-color: skyblue;
  outline: none;
  border-radius: 14px;
}

.signin button:active {
  background-color: steelblue;
}

.signin a {
  color: skyblue;
}

.signin div.Input__inputlabel__nQolz {
  visibility: hidden;
}

.signin div.Form__formField__ZDWhT {
  margin: 0;
  padding: 0;
}

.signin input {
  border-radius: 0px;
  background-color: transparent;
  border: none;
  border-bottom: 2px solid skyblue;
  padding: 5px;
  color: whitesmoke;
}

[data-test="usename-input"] {
  text-transform: lowercase;
}

.signin input:focus {
  outline: none;
}