@font-face {
  font-family: "Inter SemiBold";
  src: url("/fonts/inter/woff2/Inter-SemiBold.woff2");
  font-display: swap;
}
@font-face {
  font-family: "Inter Extra Bold";
  src: url("/fonts/inter/woff2/Inter-ExtraBold.woff2");
  font-display: swap;
}
html {
  --secondaryTextColor: #A5A5A5;
  /* background: radial-gradient(54.39% 54.39% at 50% 69.71%, #000 0%, #FFF 100%); */
}

.secondaryTextColor {
  color: #A5A5A5;
}

header {
  margin-bottom: 10px;
}

section#formSection {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 25px;
  /* padding media queries */
}
@media (min-width: 1200px) {
  section#formSection {
    padding: 5% 12.5% 5% 12.5%;
    /* padding-left: 5%;
    padding-right: 5%; */
  }
}
@media (min-width: 995px) and (max-width: 1200px) {
  section#formSection {
    padding: 7.5% 40px 7.5% 40px;
  }
}
@media (min-width: 600px) and (max-width: 995px) {
  section#formSection {
    padding: 15% min(15px, 2.5%) 3.5% min(15px, 2.5%);
  }
}
@media (max-width: 600px) {
  section#formSection {
    /* mobile */
  }
}
section#formSection .clienteleLogo {
  width: 270px;
}

/*# sourceMappingURL=authentication.css.map */