:root {
  --bs-primary: #0081a9;
  --bs-primary-rgb: 0, 129, 169;

  --font-main: Roboto, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

body {
  font-family: var(--font-main);
}

.form-control:focus {
  border-color: var(--bs-primary);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
}

.btn-primary {
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-bg: #0e6687;
  --bs-btn-hover-border-color: #0e6687;
  --bs-btn-active-bg: #0e6687;
  --bs-btn-active-border-color: #0e6687;
  --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
}

.oauth-right-bg {
  background-size: cover;
  background-position: center;
}

.oauth-right-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--bs-primary);
  opacity: 0.72;
}

.oauth-right-panel h1 {
  font-size: 7rem;
  line-height: 1;
}

.oauth-right-panel h2 {
  font-size: 3.5rem;
  line-height: 1;
}