@font-face {
  font-family: "Credit Card";
  src: url("../fonts/credit-card.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

#credits {
  font-family: "Credit card", monospace;
}

.roboto {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}

/* Styles personnalisés pour le formulaire de connexion */
.login-form-header {
  background-image: url("../images/logo-login.png");
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: 100% 0;
  height: 72px;
  margin: -0.5rem -1.5rem 0 -1.5rem;
  padding: 0.5rem 1.5rem 0 1.5rem;
}

.login-input {
  border: 1px solid rgba(140, 160, 179, 0.35);
  outline: none;
  height: 50px;
}

.login-input:focus {
  outline: none;
  border-color: rgba(140, 160, 179, 0.5);
}

.login-button {
  background: linear-gradient(45deg, #00afe9 0%, #00c7e7 100%);
  height: 50px;
}

.text-primary-blue {
  color: #00b1e9;
}

.text-secondary-blue {
  color: #224187;
}

.text-link-gray {
  color: #8ca0b3;
}