/* Définition de la police */
@font-face {
  font-family: 'MyCustomFont';
  src:
       url('fonts/DESIGNERRegular.woff2') format('woff2'),
       url('fonts/DESIGNER.otf') format('otf'),
       url('fonts/DESIGNERRegular.ttf') format('ttf'),
       url('fonts/DESIGNERRegular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

/* Mise à jour des styles */
.static-text {
  font-family: 'MyCustomFont', sans-serif;
  color: white; /* Couleur du texte en noir */
  text-align: center; /* Centrer le texte */
  margin: 0 auto; /* Centrer horizontalement */
  padding: 0; /* Pas de padding qui pourrait perturber la mise en page */
}

/* Styles spécifiques pour h1 */
h1.static-text {
  font-size: 5rem; /* Texte plus grand */
  font-weight: bold; /* Texte en gras */
  line-height: 1.1; /* Ajuste la hauteur de ligne pour éviter de couper le texte */
}

/* Styles spécifiques pour h2 */
h2.static-text {
  font-size: 3rem; /* Taille plus petite pour le sous-titre */
  font-weight: bold; /* Texte en gras */
  line-height: 1.2; /* Ajuste la hauteur de ligne pour éviter de couper le texte */
}

/* Styles spécifiques pour p */
p.static-text {
  font-size: 1.5rem; /* Taille du paragraphe */
  line-height: 1.5; /* Ajuste la hauteur de ligne pour améliorer la lisibilité */
}

/* Styles spécifiques pour les mobiles */
@media screen and (max-width: 768px) {
  h1.static-text {
    font-size: 3rem; /* Taille plus petite pour s'adapter à l'écran */
    line-height: 1.2; /* Ajuste la hauteur de ligne sur mobile pour éviter la coupure */
  }

  h2.static-text {
    font-size: 2rem; /* Taille plus petite pour le sous-titre sur mobile */
    line-height: 1.3; /* Ajuste la hauteur de ligne sur mobile pour éviter la coupure */
  }

  p.static-text {
    font-size: 1rem; /* Taille plus petite pour le paragraphe sur mobile */
    line-height: 1.4; /* Ajuste la hauteur de ligne sur mobile pour améliorer la lisibilité */
  }
}