.qd-center{
	display: flex;
  justify-content: center;
  align-items: center;
}
h3{
  font-size:30px;
}
/* Style de base pour le wrap */
.txt-rotate > .wrap {
  position: relative; /* Essentiel pour le positionnement du pseudo-élément */
  display: inline-block; /* Permet au wrap de s'adapter à la largeur du contenu */
  padding-right: 0.1em; /* Ajoute un espace pour le curseur clignotant */
  z-index: 1; /* Assure que le texte est au-dessus du surlignage */
}

/* Création du pseudo-élément pour le surlignage, ajusté pour être derrière le texte */
.txt-rotate > .wrap::after {
  content: ''; /* Nécessaire pour afficher le pseudo-élément */
  position: absolute;
  bottom: 0; /* Décale le surlignage de 10px vers le bas */
  left: -2px; /* Commence au début de l'élément wrap */
  width: 90%; /* Couvre la moitié de la largeur de l'élément wrap */
  height: 50%; /* Hauteur égale à celle du texte */
  background-color: violet; /* Couleur du surlignage */
  z-index: -1; /* Positionne le surlignage derrière le texte */
  transform: skew(-15deg);
}
@media only screen and (max-width: 767px){
	h3{
  font-size:25px;
		text-align: center;
}	
}