/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

.text-anton {
  font-family: 'Anton', sans-serif;
}

h1, h2, h3, h4, h5, .text-bebas {
  font-family: 'Bebas Neue', sans-serif;
}

a, .text-oswald {
  font-family: 'Oswald', sans-serif;
}

body, p {
  font-family: 'Montserrat', sans-serif;
}

.fade-in {
  opacity: 0;
}

.fade-in.show {
  opacity: 1;
}

.underline-animate {
  width: 0;
  transition: width 0.6s ease-out;
}

.underline-animate.animate {
  width: 4rem; /* équivalent à w-16 */
}

input[type="checkbox"]:checked {
  accent-color: #b91c1c; /* Tailwind red-700 */
}

#burger-icon.open .bar:nth-child(1) {
  transform: rotate(45deg);
  top: 50%;
}

#burger-icon.open .bar:nth-child(2) {
  opacity: 0;
}

#burger-icon.open .bar:nth-child(3) {
  transform: rotate(-45deg);
  top: 50%;
}