body.auth {
  .auth-container {
    display: flex;
    justify-content: center;

    .auth-container-inner {
      width: 50%;
      min-width: 300px;
    }
  }

  h1,
  h2,
  h3 {
    color: white;
  }

  button.outlined {
    border: 2px white solid;
    color: white;
  }

  form {
    .input-field input[type="text"]:focus + label,
    .input-field input[type="password"]:focus + label,
    .input-field input[type="email"]:focus + label {
      color: white;
    }

    .input-field input[type="text"],
    .input-field input[type="password"],
    .input-field input[type="email"] {
      border-bottom: 1px white solid;
      box-shadow: 0 1px 0 0 white;
      color: white;
    }
  }
}

.white-color {
  color: white;
}