:root{
  --pink: #c86374;
  --blue: #445271;
}
*{
  margin:0;
  font-family: sans-serif;
}
body{
  color:var(--pink);
}
#loginPage-grid{
  display: grid;
  grid-template-columns: 50% 50%;
  grid-template-rows: 100%;
  padding:5%;
  height:75vh;
}
#noAccount-grid{
  display: grid;
  grid-template-columns: 70% 30%;
  grid-template-rows: 100%;
  text-align: right;
}
#loginHeader{
  text-align:center;
  padding:15% 2% 2% 2%;
}
.signUpBtn2{
  border:none;
  width:50%;
  margin:0% 5%;
  font-weight: bold;
  color: var(--blue);
}
.signInBtn{
  width:45%;
  padding:2%;
  border-radius: 5px;
  border-color:none;
  margin:2% 28%;
  background-color: var(--pink);
  font-size: 15px;
  font-weight: bold;
  color:white;
}
.form-item2{
  width:40%;
  padding:2%;
  border-radius: 5px;
  border-color:none;
  margin:2% 28%;
}
#noAccount-grid h4{
  color:#242424;
}
#loginHeader h1, #loginHeader h4{
  padding-bottom:2%;
}