body {
  border: 0;
  margin: 0;
  overflow-x: hidden;
  padding: 0;
  background: #000;
  /* display: flex;
  flex-direction: column; */
}
h1 {
  text-transform: uppercase;
  z-index: 2;
  position: absolute;
  text-align: center;
  width: 100%;
}
h2 {
  text-transform: uppercase;
  text-align: center;
  width: 100%;
  color: #fff;
  z-index: 2;
}
/* .animation {
  height: 65%;
} */
.scene {
  position: absolute;
  width: 100%;
  transform: translateY(var(--translateY));
}
.scene2 {
  position: absolute;
  width: 100%;
  transform: translateX(var(--translateX));
}
.scene3 {
  position: absolute;
  width: 100%;
  transform: translateX(var(--nuageX));
}
.scene4 {
  position: absolute;
  width: 100%;
  transform: translateX(var(--nuage2X));
}
.scene5 {
  position: absolute;
  width: 100%;
  transform: translateX(var(--nuage3X));
}

.content {
  position: relative;
  top: 1329px;
  z-index: 999;
  color: #fff;
  margin: 0 auto;
  text-align: center;
}
.piluleframe {
  width: 1380px;
  height: 930px;
  border: 0;
  overflow: hidden;
}