.note {
  max-width: 35rem;
  margin: 0 auto;
}
.note-header {
  text-align: center;
}
.note-date {
  margin-bottom: .5rem;
  display: block;
}

.gallery {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
  grid-gap: 1.5rem;
  margin-bottom: 1.5rem;
  padding: 3rem 0;
}
.gallery figure a {
  border: 0;
}
.gallery figure {
  margin: 0;
  padding: 0;
}

.base {
  height: 20px;
  width: auto;
  border-radius: 16px;
  background-color: rgba(74,74,74,0.05);
}

@media screen and (min-width: 45rem) {
  .gallery {
    margin-left: -3rem;
    margin-right: -3rem;
  }
}

.full-width-content {
  width: 100vw; /* Utilisez 100vw pour couvrir toute la largeur de la fenêtre */
  position: relative; /* Pour le positionnement */
  left: 50%; /* Déplacer à droite de 50% de sa propre largeur */
  right: 50%; /* Déplacer à gauche de 50% de sa propre largeur */
  margin-left: -50vw; /* Tirer vers la gauche pour aligner avec le bord de la fenêtre */
  margin-right: -50vw; /* Tirer vers la droite pour aligner avec le bord de la fenêtre */
  box-sizing: border-box; /* Pour inclure le padding dans la largeur */
  padding: 0 20px; /* Ajouter du padding si nécessaire */
}

.full-width-content p {
  padding-bottom: 20px; /* Ajoute 20px de padding en bas */
}