.vertical-center {
    margin: auto;
    padding: 3% 0;
}

.dashboard {
    margin: auto;
    padding: 3% 0 0 0;
    width: 80%;
}

.dashboard > a {
    margin: 2% auto;
}

a {
    width: 100%;
}

.headerLogo {
    max-width:60%;
    margin: auto;
    display:block;
    padding: 5%;
}

h1 {
    font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: bold;
  font-style: normal;
}

.center {
    text-align: center;
    margin: auto;
    display: block;
}

.backButton {
    width: 50px;
    position: absolute;
    left: 30px;
    top: 30px;
}

input.is-valid {
  border-color: #2ecc71;
  box-shadow: 0 0 0 3px rgba(46, 204, 113, 0.18);
}

input.is-invalid {
  border-color: #e74c3c;
  box-shadow: 0 0 0 3px rgba(231, 76, 60, 0.18);
}

small.error {
  min-height: 16px; /* évite que ça saute quand le texte apparaît/disparaît */
  color: #e74c3c;
  font-size: 0.9rem;
}

button[disabled] {
  opacity: 0.6;
  cursor: not-allowed;
}

.loading {
    backdrop-filter: blur(8px) saturate(50%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

@-webkit-keyframes rotating /* Safari and Chrome */ {
  from {
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes rotating {
  from {
    -ms-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.rotating {
  -webkit-animation: rotating 2s linear infinite;
  -moz-animation: rotating 2s linear infinite;
  -ms-animation: rotating 2s linear infinite;
  -o-animation: rotating 2s linear infinite;
  animation: rotating 2s linear infinite;
  position: fixed;

  /* centre horizontal + vertical */
  inset: 0;
  margin: auto;

  width: 120px;
  height: 120px;

  border-radius: 50%;

  z-index: 9999;
}