:root {
  --color-1: #00ab95;
  --color-2: #262b5f;
  --color-3: #ff000066;
  --font-1: "Montserrat", sans-serif;
}
* {
  font-family: var(--font-1);
}

.arrow::after {
  content: url("../img/arrow.svg");
  display: block;
  width: 20px;
  height: 20px;
  fill: currentColor;
}

.container {
  max-width: 390px !important;
}

/* Ajout de l'effet de lueur */
.glow-effect {
  position: relative;
  overflow: hidden;
}

.glow-effect::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.4),
    transparent
  );
  animation: glow 2s infinite linear;
}

@keyframes glow {
  100% {
    left: 200%;
  }
}
/* Define a transition duration during page visits */
html.is-changing .transition-fade {
  transition: opacity 0.25s;
  opacity: 1;
}

/* Define the styles for the unloaded pages */
html.is-animating .transition-fade {
  opacity: 0;
}

.bg-ratp {
  background-image: url("../img/bg-ratp.png");
  background-size: auto 100%;
  background-position: center;
  background-repeat: no-repeat;
}