/************ MOCKUP SECTION ************/

@import url("../../css/Forma/Forma.css");
@import url("../../css/Raleway/Raleway.css");

body {
  font-family: "Forma Micro", "Forma Display", Raleway !important;
  font-weight: normal;
}

#logoSpace {
  /*
  Point 1 in mockup: the second color is the top left; first color is the bottom right
  */
  background: #024AD8;
}

#header {
  /*
  Point 5 in mockup: change color, font-weight, letter-spacing, and text-transform as needed
  */
  color: #000000;
  font-weight: normal;
  letter-spacing: 0;
  text-transform: capitalize;
}

::placeholder {
  /*
  Point 6 in mockup: change placeholder color and font-weight as needed
  */
  color: #000000;
}

.email-label::before,
.password-label::before {
  /*
  Point 6 in mockup cont.: use this link to set icon filter color (https://codepen.io/sosuke/pen/Pjoqqp)
  */
  filter: invert(0%) sepia(91%) saturate(7463%) hue-rotate(16deg) brightness(105%) contrast(108%);
}

a {
  /*
  Point 6 in mockup cont.: change as needed to match mockup
  */
  color: #000000 !important;
}

#locale {
  /*
  Point 6 in mockup cont.: change as needed to match mockup
  */
  color: #000000;
}

#languageIcon {
  filter: invert(0%) sepia(91%) saturate(7463%) hue-rotate(16deg) brightness(105%) contrast(108%);
}

#submitButton {
  /*
  Point 7 in mockup: change color and font-weight as needed
  */
  background-color: #000000;
  border-radius: 0;
  font-weight: normal;
  text-transform: capitalize;
}

/************************/