/* Hide a bunch of things to setup the initial animations */
.form-controls, .sign-up-stack {
  opacity: 0;
}

.background {
  background-image: url("res://background_chat");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

/* TODO: Assigning explicit heights and applying this margin shouldn’t be necessary. */
.initial-container {
  vertical-align: bottom;
  margin-bottom: 25;
}
.initial-logo {
  horizontal-align: center;
  margin-bottom: 10;
  padding: 15;
}
.initial-label {
  color: white;
  horizontal-align: center;
  margin-bottom: 80;
}
.initial-button {
  background-color: white;
  color: #CB1D00;
  height: 45;
  width: 275;
  vertical-align: center;
}
.initial-button-label {
  horizontal-align: center;
  font-weight: bold;
}

.main-container {
  visibility: collapse;
  opacity: 0;
  margin-left: 30;
  margin-right: 30;
  background-color: white;
}
.main-label {
  horizontal-align: center;
  margin-left: 15;
  color: black;
}

Image {
  margin-top: 5;
  margin-bottom: 20;
}
Button, TextField {
  margin-left: 16;
  margin-right: 16;
  margin-bottom: 10;
}
TextField {
  color: black;
  placeholder-color: #ACA6A7;
}
TextField.light {
  color: #C4AFB4;
  placeholder-color: #C4AFB4;
}
.submit-button {
  background-color: #CB1D00;
  color: white;
  margin-top: 20;
}

.forgot-password-label {
  font-size: 13;
  margin-left: 20;
  margin-bottom: 45;
  color: black;
}
.sign-up-stack {
  background-color: #311217;
}
.sign-up-stack Label {
  color: white;
  horizontal-align: center;
  font-size: 15;
}

.logo-container {
  visibility: collapse;
  horizontal-align: center;
  opacity: 0;
}
