body, html {
  font-family: 'Nunito', sans-serif;
  font-size: 0.950rem;
}

.bg-left {
  background: linear-gradient(to bottom right, #2563eb, #6b21a8);
  background-size: cover;
  background-position: center;
  position: relative;
}

.bg-left::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-position: center;
  opacity: 0.2;
}

.bg-login::before {
  background-image: url("../img/login.jpg");
}

.bg-register::before {
  background-image: url("../img/login2.jpg");
}

.bg-left::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.4);
}

.bg-left .content {
  position: relative;
  z-index: 2;
  color: white;
}

.form-group {
  margin-bottom: 15px !important;
}

.form-group span {
  font-size: 0.875rem;
}

.form-control {
  height: 2.25rem !important;
}