@import url(https://fonts.googleapis.com/css2?family=Balsamiq+Sans&display=swap);
body {
  background-color: white;
}

#auth {
  height: 100vh;
  overflow-x: hidden;
}
#auth #auth-right {
  height: 100%;
  background-image: linear-gradient(45deg, var(--bs-primary), var(--bs-secondary));
}
#auth #auth-left {
  padding: 5rem 8rem;
}
#auth #auth-left .auth-title {
  font-size: 4rem;
  margin-bottom: 1rem;
  font-family: "Balsamiq Sans";
  color: #6264c7;
}
#auth #auth-left .auth-subtitle {
  font-size: 1.3rem;
  line-height: 2.5rem;
  color: #8f8d9d;
  font-family: "Balsamiq Sans";
}
#auth #auth-left .auth-logo {
  margin-bottom: 3rem;
}
#auth #auth-left .auth-logo img {
  height: 6rem;
}
#auth #auth-left .form-playwav {
  border-radius: 1rem;
  border: 1px solid #6264c7;
}
@media screen and (max-width: 767px) {
  #auth #auth-left {
    padding: 5rem;
  }
}