body {
  font-family: "Public Sans";
}

.bg-image {
  background-image: url("/static/img/sideimage.png");
  background-size: cover;
  background-position: center;
}

.logo {
  width: 200px;
}

.btn-danger {
  background-color: rgb(209, 42, 46) !important;
}

.bg-dark {
  background-color: rgb(25, 40, 56) !important;
}

a.social-login-entraid {
  text-decoration-line: unset !important;
}

a.social-login-entraid button {
  line-height: 40px;
  text-align: left;
  border: 1px solid #333333;
  background-color: white;
  color: black;
  margin-top: 2%;
}

a.social-login-entraid button span {
  padding-left: 16px;
}

a.social-login-entraid button svg {
  position: relative;
  padding-bottom: 0px;
  left: 4px;
}

a.social-login-entraid button:hover {
  border: 1px solid #333333;
  box-shadow: 0 0 0 0.2rem rgba(255, 173, 2, 0.25);
  background-color: white;
  color: black;
}

a.social-login-appleid {
  text-decoration-line: unset !important;
}

a.social-login-appleid button {
  line-height: 40px;
  text-align: left;
  border: 1px solid #bfc5c7;
  background-color: black;
  color: white;
  margin-top: 2%;
}

a.social-login-appleid button span {
  padding-left: 16px;
}

a.social-login-appleid button svg {
  position: relative;
  padding-bottom: 0px;
  left: 4px;
}

a.social-login-appleid button:hover {
  border: 1px solid #ffd682;
  box-shadow: 0 0 0 0.2rem rgba(255, 173, 2, 0.25);
  background-color: black;
}

a.social-login-google {
  text-decoration-line: unset !important;
}

a.social-login-google button {
  font-weight: 500 !important;
  line-height: 40px;
  text-align: left;
  border: 1px solid #000;
  background-color: #fff;
}

a.social-login-google button:hover {
  border: 1px solid #ffd682;
  box-shadow: 0 0 0 0.2rem rgba(255, 173, 2, 0.25);
  background-color: #fff;
}

a.social-login-google button svg {
  position: relative;
  left: 8px;
}

a.social-login-google button span {
  padding-left: 24px;
}