.carte {
  height: 80vh;
  animation: carte 2s 1.5s forwards;
  transform: translateY(100%);
}
@keyframes carte {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(0%);
  }
}
.article-1 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  overflow: hidden;
  position: relative;
  top: 6vh;
}
.h2-4 {
  top: 5vh;
}
.numero {
  top: 8vh;
}
.h2-5 {
  top: 21vh;
}
.mail {
  top: 24vh;
}
.h2-6 {
  top: 37vh;
}
.adresse {
  top: 40vh;
}
.h2-4 {
  animation: contact 2s 4s forwards;
}
.numero {
  animation: contact 2s 2s forwards;
}
.h2-5 {
  animation: contact 2s 4s forwards;
}
.mail {
  animation: contact 2s 2.5s forwards;
}
.h2-6 {
  animation: contact 2s 4s forwards;
}
.adresse {
  animation: contact 2s 3s forwards;
}
.h2-4,
.h2-5,
.h2-6 {
  font-size: 3rem;
  letter-spacing: 0.5vw;
}
.numero,
.mail,
.adresse {
  word-spacing: 0.3vw;
  letter-spacing: 0.1vw;
}
.h2-4,
.h2-5,
.h2-6,
.numero,
.mail,
.adresse {
  position: relative;
  text-align: center;
  transform: translateX(100%);
}
@keyframes contact {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(0%);
  }
}