.form {
  width: 35%;
  margin: 40px auto;
  /* font-size: 0rem; */
}
.title {
  font-family: var(--neuzeit-reg-font);
  text-transform: uppercase;
}
.desc {
  margin: 10px 0;
}
.login_form {
  display: flex;
  flex-direction: column;
}
.password_input,
.email_input {
  margin: 7px 0 !important;
}
.password_input label,
.password_input input,
.email_input label,
.email_input input {
  /* font-size: 0.8rem; */
}
.forgot_pass_section {
  margin: 10px 0;
}
.forgot_password {
  width: fit-content;
  float: right;
}
.button_login div {
  width: 100%;
  text-align: center;
  margin: 20px 0 10px;
}

.button_login_fb div,
.button_login_google div,
.button_sign_up div,
.button_sign_in div {
  width: 100%;
  text-align: center;
  margin: 10px 0;
}
.button_login_fb .icon {
  margin-right: 10px;
  font-size: 0.7rem;
}
.button_login_google .icon {
  margin-right: 10px;
}
.sign_up_section {
  margin-top: 50px;
}

/** MOBILE BREAKPOINT */

@media only screen and (max-width: 1023px) {
  .form {
    width: 60%;
    margin-top: 20px;
  }
  .sign_up_to_get_point {
    white-space: pre;
  }
}
@media only screen and (max-width: 650px) {
  .form {
    margin-top: 20px;
    width: calc(100% - 40px);
  }
  .sign_up_to_get_point {
    white-space: pre;
  }
}