footer {
  height: 100vh;               
  scroll-snap-align: start;    
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: rgba(59, 37, 16, 1);  
  color: rgba(255, 243, 214, 1);
  font-size: 2rem;
  text-align: center;
  position: relative;
  overflow: hidden;
  
}

/*motif diagonal */
footer::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: repeating-linear-gradient(
    45deg,
    transparent,
    transparent 20px,
    rgba(184, 134, 11, 0.04) 20px,
    rgba(184, 134, 11, 0.04) 21px
  );
  pointer-events: none;
  z-index: 0;
}

footer p {
  margin-top: 10px;
  font-size: 1rem;
  color: rgba(93, 64, 55, 1);
}