@import "./_global.module.scss";
@import "./_vars.module.scss";

* {
  font-family: $fontFamily;
}

.background1 {
  background: radial-gradient(
    ellipse at 0px bottom,
    rgba(255, 255, 255, 1) 15%,
    rgba(252, 221, 171, 255) 70%
  );
}

.background2 {
  background: linear-gradient(
    90deg,
    rgba(252, 221, 171, 0.1),
    rgba(179, 109, 93, 255)
  );
}

.app {
  max-width: 100vw;
  min-height: 100vh;
  margin: 0 4%;
  display: flex;
  flex-direction: column;
}

.align-self-center {
  align-self: center;
}

.justify-self-center {
  justify-self: center;
}

.flex-grow-3 {
  flex-grow: 3;
}

label {
  cursor: pointer;
}

span {
  color: #131313;
  font-size: $buttonFontSize;
  font-family: $fontFamily;
  //margin-left: 15px;
  //white-space: nowrap;
}

// hides the scroll bar to prevent the left shift of the components on the page
.modal-open {
  overflow: hidden;
}

.newsBox {
  border-radius: 25px;
  //border: 2px solid #73AD21;
  padding: 30px 70px 30px 70px;
  background: #fff;
  //width: 50%;
  align-self: center;
  font-size: $buttonFontSize;
  font-family: $fontFamily;

  width: 50% px;
  box-shadow: 0px 6px 5px #00000080;
}

.homeRow {
  //display:inline-block;
  //text-align: center;
  display: flex;
  flex-direction: row;
  align-self: center;
  //align-items: center;
  align-items: flex-end;
  align-content: flex-end;
}

.phone {
  width: 45%;
  padding-left: 60px;
  //align-self:  center;
  //height: 60%;
}

.HomeBoxHeading {
  font-family: $fontFamily;
  color: #bf372c;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
}

.HomeLoginBtn {
  align-self: center;
  padding-left: 50px;
  padding-right: 50px;
  margin: 3% 10% 10% 10%;
}

.HomeBox {
  border-radius: 25px;
  //border: 2px solid #73AD21;
  padding: 30px 70px 30px 70px;
  background: #fff;
  //width: 50%;
  align-self: center;
  align-items: center;
  align-content: center;
  font-size: $buttonFontSize;
  font-family: $fontFamily;

  width: 50% px;
  box-shadow: 0px 6px 5px #00000080;
}

.LoginBox {
  border-radius: 25px;
  //border: 2px solid #73AD21;
  padding: 30px 70px 30px 70px;
  background: #fff;
  float: none;
  font-size: $buttonFontSize;
  font-family: $fontFamily;
  flex: 1;
  width: 50%;
  box-shadow: 0px 6px 5px #00000080;
  margin: 0 auto;
}
