/* define primary colors */
/*botones*/
.login-page {
  background-color: #FBFCFF;
  height: 80vh;
  font-family: "Inter", sans-serif;
}
.login-page .login-box, .login-page .register-box {
  width: 60%;
  max-width: 400px;
  min-width: 400px;
}
.login-page .login-box .login-card-body, .login-page .login-box .register-card-body, .login-page .register-box .login-card-body, .login-page .register-box .register-card-body {
  padding: 40px;
}
.login-page .login-box .login-card-body .input-group .form-control, .login-page .login-box .login-card-body .input-group .form-control, .login-page .login-box .register-card-body .input-group .form-control, .login-page .login-box .register-card-body .input-group .form-control, .login-page .register-box .login-card-body .input-group .form-control, .login-page .register-box .login-card-body .input-group .form-control, .login-page .register-box .register-card-body .input-group .form-control, .login-page .register-box .register-card-body .input-group .form-control {
  border: 1px solid #000;
}
.login-page p {
  text-transform: uppercase;
  font-size: 20px;
  margin-top: 40px;
  margin-bottom: 40px;
  font-weight: 400;
}
.login-page .login-card-body {
  border-radius: 15px;
  -webkit-box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.05);
}