@font-face {
  font-family: Cavalhatriz;
  src: url(fonts/Cavalhatriz.ttf);
}
@font-face {
  font-family: Terminal Grotesque;
  src: url(fonts/terminal-grotesque.ttf);
}
@font-face {
  font-family: Terminal Grotesque OP;
  src: url(fonts/terminal-grotesque_open.otf);
}

body{
  background: #F6FFB0;
  background: linear-gradient(90deg, rgba(246, 255, 176, 1) 21%, rgba(255, 255, 255, 1) 32%, rgba(255, 94, 145, 1) 50%, rgba(255, 255, 255, 1) 70%, rgba(246, 255, 176, 1) 83%) repeat-y;
}
.banner-container{
  position: relative;
    display: flex;
}
#banner{
    background: transparent;
    position: relative;
    margin: auto;
}
#banner-text{
   position: absolute;
    text-align: center;
    font-family: Cavalhatriz;
    color: #d7f59f;
    font-weight: 900;
    font-size: 3.3em;
    -webkit-text-stroke: 0.1px #f5568b;
    top: 30%;
    left: 45%;
    transform: translate(-30%, -45%);
}
#banner:hover{
    animation: shake 0.5s;
    animation-iteration-count: infinite;
}
@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-2px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(2px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 1px) rotate(-1deg); }
  60% { transform: translate(-1px, 1px) rotate(0deg); }
}

.container-right{
  padding: 2em;
}

.slider-wrapper-right{
  position: relative;
  right: 20em;
  max-width: 20em;
  margin: 0 auto;
}
.slider-right{
  display: flex;
  aspect-ratio: 1 / 1.4;
  border-radius: 1.5em;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  anchor-name: --slider-right;
}
.slider-right::-webkit-scrollbar{
  display: none;
}
.slider-right:hover{
  animation: bounce 3s ease infinite;
}

.slider-right::scroll-button(right), .slider-right::scroll-button(left) {
  content:'↪';
  border: none;
  background-color: #0029bb;
  font-family: Terminal Grotesque;
  font-size: 1em;
  color: #d7f59f;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  padding-bottom: 0.3em;
  cursor: pointer;
  position: fixed;
  position-anchor: --slider-right;
  position-area: right center;
  translate: -15%;
}
.slider-right::scroll-button(left){
  content:'↩';
  position-area: left center;
  translate: 15%;
}
.slider-right::scroll-button(right):disabled, .slider-right::scroll-button(left):disabled{
  opacity: 0.6;
  background-color: #d7f59f;
  color: #f5568b;
  cursor: auto;
}
.slider-right::scroll-button(right):hover, .slider-right::scroll-button(left):hover{
  animation: wiggle 1s;
  animation-iteration-count: ease-in-out;
}


.slider-right img{
  flex: 1 0 100%;
  scroll-snap-align: start;
  object-fit: cover;
}
.slider-right nav{
  display: flex;
  column-gap: 1em;
  position: absolute;
  bottom: 1.25em;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
#vortex-illus-paragraph{
  text-align: left;
  position: relative;
    font-family: Terminal Grotesque OP;
    color: #0029bb;
    font-size: 1em;
}
#vortex-illus-titre-paragraph{
  text-align: left;
  position: relative;
    font-family: Cavalhatriz;
    color: #f5568b;
    -webkit-text-stroke: 0.3px #f5568b;
    font-size: 1.3em;
}

.container-right-2{
  padding: 2em;
}

.slider-wrapper-right-2{
  position: relative;
  right: 20em;
  max-width: 20em;
  margin: 0 auto;
}
.slider-right-2{
  display: flex;
  aspect-ratio: 1 / 1.4;
  border-radius: 1.5em;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  anchor-name: --slider-right-2;
}
.slider-right-2::-webkit-scrollbar{
  display: none;
}
.slider-right-2:hover{
  animation: bounce 3s ease infinite;
}


.slider-right-2::scroll-button(right), .slider-right-2::scroll-button(left) {
  content:'↪';
  border: none;
  background-color: #0029bb;
  font-family: Terminal Grotesque;
  font-size: 1em;
  color: #d7f59f;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  padding-bottom: 0.3em;
  cursor: pointer;
  position: fixed;
  position-anchor: --slider-right-2;
  position-area: right center;
  translate: -15%;
}
.slider-right-2::scroll-button(left){
  content:'↩';
  position-area: left center;
  translate: 15%;
}
.slider-right-2::scroll-button(right):disabled, .slider-right-2::scroll-button(left):disabled{
  opacity: 0.6;
  background-color: #d7f59f;
  color: #f5568b;
  cursor: auto;
}
.slider-right-2::scroll-button(right):hover, .slider-right-2::scroll-button(left):hover{
  animation: wiggle 1s;
  animation-iteration-count: ease-in-out;
}


.slider-right-2 img{
  flex: 1 0 100%;
  scroll-snap-align: start;
  object-fit: cover;
}
.slider-right-2 nav{
  display: flex;
  column-gap: 1em;
  position: absolute;
  bottom: 1.2em;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
#but-the-light-touched-me-paragraph{
  text-align: left;
  position: relative;
    font-family: Terminal Grotesque OP;
    color: #0029bb;
    font-size: 1em;
}
#but-the-light-touched-me-titre-paragraph{
  text-align: left;
  position: relative;
    font-family: Cavalhatriz;
    color: #f5568b;
    -webkit-text-stroke: 0.3px #f5568b;
    font-size: 1.3em;
}

.container-right-3{
  padding: 2em;
}

.slider-wrapper-right-3{
  position: relative;
  right: 20em;
  max-width: 20em;
  margin: 0 auto;
}
.slider-right-3{
  display: flex;
  aspect-ratio: 1 / 1.4;
  border-radius: 1.5em;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  anchor-name: --slider-right-3;
}
.slider-right-3::-webkit-scrollbar{
  display: none;
}
.slider-right-3:hover{
  animation: bounce 3s ease infinite;
}


.slider-right-3::scroll-button(right), .slider-right-3::scroll-button(left) {
  content:'↪';
  border: none;
  background-color: #0029bb;
  font-family: Terminal Grotesque;
  font-size: 1em;
  color: #d7f59f;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  padding-bottom: .1em;
  cursor: pointer;
  position: fixed;
  position-anchor: --slider-right-3;
  position-area: right center;
  translate: -15%;
}
.slider-right-3::scroll-button(left){
  content:'↩';
  position-area: left center;
  translate: 15%;
}
.slider-right-3::scroll-button(right):disabled, .slider-right-3::scroll-button(left):disabled{
  opacity: 0.6;
  background-color: #d7f59f;
  color: #f5568b;
  cursor: auto;
}
.slider-right-3::scroll-button(right):hover, .slider-right-3::scroll-button(left):hover{
  animation: wiggle 1s;
  animation-iteration-count: ease-in-out;
}


.slider-right-3 img{
  flex: 1 0 100%;
  scroll-snap-align: start;
  object-fit: cover;
}
.slider-right-3 nav{
  display: flex;
  column-gap: 1em;
  position: absolute;
  bottom: 1.2em;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
#eye-looking-for-paragraph{
  text-align: left;
  position: relative;
    font-family: Terminal Grotesque OP;
    color: #0029bb;
    font-size: 1em;
}
#eye-looking-for-titre-paragraph{
  text-align: left;
  position: relative;
    font-family: Cavalhatriz;
    color: #f5568b;
    -webkit-text-stroke: 0.3px #f5568b;
    font-size: 1.3em;
}

.container-right-4{
  padding: 2em;
}

.slider-wrapper-right-4{
  position: relative;
  right: 20em;
  max-width: 20em;
  margin: 0 auto;
}
.slider-right-4{
  display: flex;
  aspect-ratio: 3 / 4;
  border-radius: 1.5em;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  anchor-name: --slider-right-4;
}
.slider-right-4::-webkit-scrollbar{
  display: none;
}
.slider-right-4:hover{
  animation: bounce 3s ease infinite;
}


.slider-right-4::scroll-button(right), .slider-right-4::scroll-button(left) {
  content:'↪';
  border: none;
  background-color: #0029bb;
  font-family: Terminal Grotesque;
  font-size: 1em;
  color: #d7f59f;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  padding-bottom: .1em;
  cursor: pointer;
  position: fixed;
  position-anchor: --slider-right-4;
  position-area: right center;
  translate: -15%;
}
.slider-right-4::scroll-button(left){
  content:'↩';
  position-area: left center;
  translate: 15%;
}
.slider-right-4::scroll-button(right):disabled, .slider-right-4::scroll-button(left):disabled{
  opacity: 0.6;
  background-color: #d7f59f;
  color: #f5568b;
  cursor: auto;
}
.slider-right-4::scroll-button(right):hover, .slider-right-4::scroll-button(left):hover{
  animation: wiggle 1s;
  animation-iteration-count: ease-in-out;
}


.slider-right-4 img{
  flex: 1 0 100%;
  scroll-snap-align: start;
  object-fit: cover;
}
.slider-right-4 nav{
  display: flex;
  column-gap: 1em;
  position: absolute;
  bottom: 1.2em;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
#home-illustration-paragraph{
  text-align: left;
  position: relative;
    font-family: Terminal Grotesque OP;
    color: #0029bb;
    font-size: 1em;
}
#home-illustration-titre-paragraph{
  text-align: left;
  position: relative;
    font-family: Cavalhatriz;
    color: #f5568b;
    -webkit-text-stroke: 0.3px #f5568b;
    font-size: 1.3em;

}

.container-right-5{
  padding: 2em;
}

.slider-wrapper-right-5{
  position: relative;
  right: 20em;
  max-width: 20em;
  margin: 0 auto;
}
.slider-right-5{
  display: flex;
  aspect-ratio: 1 / 1.4;
  border-radius: 1.5em;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  anchor-name: --slider-right-5;
}
.slider-right-5::-webkit-scrollbar{
  display: none;
}
.slider-right-5:hover{
  animation: bounce 3s ease infinite;
}


.slider-right-5::scroll-button(right), .slider-right-5::scroll-button(left) {
  content:'↪';
  border: none;
  background-color: #0029bb;
  font-family: Terminal Grotesque;
  font-size: 1em;
  color: #d7f59f;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  padding-bottom: .1em;
  cursor: pointer;
  position: fixed;
  position-anchor: --slider-right-5;
  position-area: right center;
  translate: -15%;
}
.slider-right-5::scroll-button(left){
  content:'↩';
  position-area: left center;
  translate: 15%;
}
.slider-right-5::scroll-button(right):disabled, .slider-right-5::scroll-button(left):disabled{
  opacity: 0.6;
  background-color: #d7f59f;
  color: #f5568b;
  cursor: auto;
}
.slider-right-5::scroll-button(right):hover, .slider-right-5::scroll-button(left):hover{
  animation: wiggle 1s;
  animation-iteration-count: ease-in-out;
}


.slider-right-5 img{
  flex: 1 0 100%;
  scroll-snap-align: start;
  object-fit: cover;
}
.slider-right-5 nav{
  display: flex;
  column-gap: 1em;
  position: absolute;
  bottom: 1.2em;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
#etoiles-dans-les-yeux-paragraph{
  text-align: left;
  position: relative;
    font-family: Terminal Grotesque OP;
    color: #0029bb;
    font-size: 1em;
}
#etoiles-dans-les-yeux-titre-paragraph{
  text-align: left;
  position: relative;
    font-family: Cavalhatriz;
    color: #f5568b;
    -webkit-text-stroke: 0.3px #f5568b;
    font-size: 1.3em;
}

.container-right-6{
  padding: 2em;
}

.slider-wrapper-right-6{
  position: relative;
  right: 20em;
  max-width: 20em;
  margin: 0 auto;
}
.slider-right-6{
  display: flex;
  aspect-ratio: 1 / 1.4;
  border-radius: 1.5em;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  anchor-name: --slider-right-6;
}
.slider-right-6::-webkit-scrollbar{
  display: none;
}
.slider-right-6:hover{
  animation: bounce 3s ease infinite;
}


.slider-right-6::scroll-button(right), .slider-right-6::scroll-button(left) {
  content:'↪';
  border: none;
  background-color: #0029bb;
  font-family: Terminal Grotesque;
  font-size: 1em;
  color: #d7f59f;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  padding-bottom: .1em;
  cursor: pointer;
  position: fixed;
  position-anchor: --slider-right-6;
  position-area: right center;
  translate: -15%;
}
.slider-right-6::scroll-button(left){
  content:'↩';
  position-area: left center;
  translate: 15%;
}
.slider-right-6::scroll-button(right):disabled, .slider-right-6::scroll-button(left):disabled{
  opacity: 0.6;
  background-color: #d7f59f;
  color: #f5568b;
  cursor: auto;
}
.slider-right-6::scroll-button(right):hover, .slider-right-6::scroll-button(left):hover{
  animation: wiggle 1s;
  animation-iteration-count: ease-in-out;
}


.slider-right-6 img{
  flex: 1 0 100%;
  scroll-snap-align: start;
  object-fit: cover;
}
.slider-right-6 nav{
  display: flex;
  column-gap: 1em;
  position: absolute;
  bottom: 1.2em;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
#faces-illustration-paragraph{
  text-align: left;
  position: relative;
    font-family: Terminal Grotesque OP;
    color: #0029bb;
    font-size: 1em;
}
#faces-illustration-titre-paragraph{
  text-align: left;
  position: relative;
    font-family: Cavalhatriz;
    color: #f5568b;
    -webkit-text-stroke: 0.3px #f5568b;
    font-size: 1.3em;
}

.container-right-7{
  padding: 2em;
}

.slider-wrapper-right-7{
  position: relative;
  right: 20em;
  max-width: 20em;
  margin: 0 auto;
}
.slider-right-7{
  display: flex;
  aspect-ratio: 1 / 1.4;
  border-radius: 1.5em;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  anchor-name: --slider-right-7;
}
.slider-right-7::-webkit-scrollbar{
  display: none;
}
.slider-right-7:hover{
  animation: bounce 3s ease infinite;
}
#de-la-mousse-au-sol-affiche-paragraph{
  text-align: left;
  position: relative;
    font-family: Terminal Grotesque OP;
    color: #0029bb;
    font-size: 1em;
}
#de-la-mousse-au-sol-affiche-titre-paragraph{
  text-align: left;
  position: relative;
    font-family: Cavalhatriz;
    color: #f5568b;
    -webkit-text-stroke: 0.3px #f5568b;
    font-size: 1.3em;
}

.slider-right-7::scroll-button(right), .slider-right-7::scroll-button(left) {
  content:'↪';
  border: none;
  background-color: #0029bb;
  font-family: Terminal Grotesque;
  font-size: 1em;
  color: #d7f59f;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  padding-bottom: .1em;
  cursor: pointer;
  position: fixed;
  position-anchor: --slider-right-7;
  position-area: right center;
  translate: -15%;
}
.slider-right-7::scroll-button(left){
  content:'↩';
  position-area: left center;
  translate: 15%;
}
.slider-right-7::scroll-button(right):disabled, .slider-right-7::scroll-button(left):disabled{
  opacity: 0.6;
  background-color: #d7f59f;
  color: #f5568b;
  cursor: auto;
}
.slider-right-7::scroll-button(right):hover, .slider-right-7::scroll-button(left):hover{
  animation: wiggle 1s;
  animation-iteration-count: ease-in-out;
}


.slider-right-7 img{
  flex: 1 0 100%;
  scroll-snap-align: start;
  object-fit: cover;
}
.slider-right-7 nav{
  display: flex;
  column-gap: 1em;
  position: absolute;
  bottom: 1.2em;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}

.container-left{
  padding: 2em;
}

.slider-wrapper-left{
  position: relative;
  top: -277em;
  left: 20em;
  max-width: 20em;
  margin: 0 auto;
}
.slider-left{
  display: flex;
  aspect-ratio:   4 / 5;
  border-radius: 1.5em;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  anchor-name: --slider-left;
}
.slider-left::-webkit-scrollbar{
  display: none;
}
.slider-left:hover{
  animation: bounce 3s ease infinite;
}


.slider-left::scroll-button(right), .slider-left::scroll-button(left) {
  content:'↪';
  border: none;
  background-color: #0029bb;
  font-family: Terminal Grotesque;
  font-size: 1em;
  color: #d7f59f;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  padding-bottom: 0.3em;
  cursor: pointer;
  position: fixed;
  position-anchor: --slider-left;
  position-area: right center;
  translate: -20%;
}
.slider-left::scroll-button(left){
  content:'↩';
  position-area: left center;
  translate: 20%;
}
.slider-left::scroll-button(right):disabled, .slider-left::scroll-button(left):disabled{
  opacity: 0.6;
  background-color: #d7f59f;
  color: #f5568b;
  cursor: auto;
}
.slider-left::scroll-button(right):hover, .slider-left::scroll-button(left):hover{
  animation: wiggle 1s;
  animation-iteration-count: ease-in-out;
}


.slider-left img{
  flex: 1 0 100%;
  scroll-snap-align: start;
  object-fit: cover;
}
.slider-left nav{
  display: flex;
  column-gap: 1em;
  position: absolute;
  bottom: 1.25em;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
#merry-louise-paragraph{
  text-align: right;
  position: relative;
    font-family: Terminal Grotesque OP;
    color: #0029bb;
    font-size: 1em;
}
#merry-louise-titre-paragraph{
  text-align: right;
  position: relative;
    font-family: Cavalhatriz;
    color: #f5568b;
    -webkit-text-stroke: 0.3px #f5568b;
    font-size: 1.3em;
}

.container-left-2{
  padding: 2em;
}

.slider-wrapper-left-2{
  position: relative;
  top: -279.5em;
  left: 20em;
  max-width: 20em;
  margin: 0 auto;
}
.slider-left-2{
  display: flex;
  aspect-ratio: 3 / 4;
  border-radius: 1.5em;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  anchor-name: --slider-left-2;
}
.slider-left-2::-webkit-scrollbar{
  display: none;
}
.slider-left-2:hover{
  animation: bounce 3s ease infinite;
}


.slider-left-2::scroll-button(right), .slider-left-2::scroll-button(left) {
  content:'↪';
  border: none;
  background-color: #0029bb;
  font-family: Terminal Grotesque;
  font-size: 1em;
  color: white;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  padding-bottom: 0.3em;
  cursor: pointer;
  position: fixed;
  position-anchor: --slider-left-2;
  position-area: right center;
  translate: -20%;
}
.slider-left-2::scroll-button(left){
  content:'↩';
  position-area: left center;
  translate: 20%;
}
.slider-left-2::scroll-button(right):disabled, .slider-left-2::scroll-button(left):disabled{
  opacity: 0.6;
  background-color: #d7f59f;
  color: #f5568b;
  cursor: auto;
}
.slider-left-2::scroll-button(right):hover, .slider-left-2::scroll-button(left):hover{
  animation: wiggle 1s;
  animation-iteration-count: ease-in-out;
}


.slider-left-2 img{
  flex: 1 0 100%;
  scroll-snap-align: start;
  object-fit: cover;
}
.slider-left-2 nav{
  display: flex;
  column-gap: 1em;
  position: absolute;
  bottom: 1.25em;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
#people-fanzine-paragraph{
  text-align: right;
  position: relative;
    font-family: Terminal Grotesque OP;
    color: #0029bb;
    font-size: 1em;
}
#people-fanzine-titre-paragraph{
  text-align: right;
  position: relative;
    font-family: Cavalhatriz;
    color: #f5568b;
    -webkit-text-stroke: 0.3px #f5568b;
    font-size: 1.2em;
}

.container-left-3{
  padding: 2em;
}

.slider-wrapper-left-3{
  position: relative;
  top: -276.5em;
  left: 20em;
  max-width: 20em;
  margin: 0 auto;
}
.slider-left-3{
  display: flex;
  aspect-ratio:   3 / 4;
  border-radius: 1.5em;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  anchor-name: --slider-left-3;
}
.slider-left-3::-webkit-scrollbar{
  display: none;
}
.slider-left-3:hover{
  animation: bounce 3s ease infinite;
}


.slider-left-3::scroll-button(right), .slider-left-3::scroll-button(left) {
  content:'↪';
  border: none;
  background-color: #0029bb;
  font-family: Terminal Grotesque;
  font-size: 1em;
  color: white;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  padding-bottom: 0.3em;
  cursor: pointer;
  position: fixed;
  position-anchor: --slider-left-3;
  position-area: right center;
  translate: -20%;
}
.slider-left-3::scroll-button(left){
  content:'↩';
  position-area: left center;
  translate: 20%;
}
.slider-left-3::scroll-button(right):disabled, .slider-left-3::scroll-button(left):disabled{
  opacity: 0.6;
  background-color: #d7f59f;
  color: #f5568b;
  cursor: auto;
}
.slider-left-3::scroll-button(right):hover, .slider-left-3::scroll-button(left):hover{
  animation: wiggle 1s;
  animation-iteration-count: ease-in-out;
}


.slider-left-3 img{
  flex: 1 0 100%;
  scroll-snap-align: start;
  object-fit: cover;
}
.slider-left-3 nav{
  display: flex;
  column-gap: 1em;
  position: absolute;
  bottom: 1.25em;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
#poemes-egares-paragraph{
  text-align: right;
  position: relative;
    font-family: Terminal Grotesque OP;
    color: #0029bb;
    font-size: 1em;
}
#poemes-egares-titre-paragraph{
  text-align: right;
  position: relative;
    font-family: Cavalhatriz;
    color: #f5568b;
    -webkit-text-stroke: 0.3px #f5568b;
    font-size: 1.2em;
}

.container-left-4{
  padding: 2em;
}

.slider-wrapper-left-4{
  position: relative;
  top: -276.5em;
  left: 20em;
  max-width: 20em;
  margin: 0 auto;
}
.slider-left-4{
  display: flex;
  aspect-ratio:   1 / 1.4;
  border-radius: 1.5em;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  anchor-name: --slider-left-4;
}
.slider-left-4::-webkit-scrollbar{
  display: none;
}
.slider-left-4:hover{
  animation: bounce 3s ease infinite;
}


.slider-left-4::scroll-button(right), .slider-left-4::scroll-button(left) {
  content:'↪';
  border: none;
  background-color: #0029bb;
  font-family: Terminal Grotesque;
  font-size: 1em;
  color: white;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  padding-bottom: 0.3em;
  cursor: pointer;
  position: fixed;
  position-anchor: --slider-left-4;
  position-area: right center;
  translate: -20%;
}
.slider-left-4::scroll-button(left){
  content:'↩';
  position-area: left center;
  translate: 20%;
}
.slider-left-4::scroll-button(right):disabled, .slider-left-4::scroll-button(left):disabled{
  opacity: 0.6;
  background-color: #d7f59f;
  color: #f5568b;
  cursor: auto;
}
.slider-left-4::scroll-button(right):hover, .slider-left-4::scroll-button(left):hover{
  animation: wiggle 1s;
  animation-iteration-count: ease-in-out;
}


.slider-left-4 img{
  flex: 1 0 100%;
  scroll-snap-align: start;
  object-fit: cover;
}
.slider-left-4 nav{
  display: flex;
  column-gap: 1em;
  position: absolute;
  bottom: 1.25em;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
#pouring-hearts-into-creation-paragraph{
  text-align: right;
  position: relative;
    font-family: Terminal Grotesque OP;
    color: #0029bb;
    font-size: 1em;
}
#pouring-hearts-into-creation-titre-paragraph{
  text-align: right;
  position: relative;
    font-family: Cavalhatriz;
    color: #f5568b;
    -webkit-text-stroke: 0.3px #f5568b;
    font-size: 1.2em;
}

.container-left-5{
  padding: 2em;
}

.slider-wrapper-left-5{
  position: relative;
  top: -278em;
  left: 20em;
  max-width: 20em;
  margin: 0 auto;
}
.slider-left-5{
  display: flex;
  aspect-ratio:   1 / 1.4;
  border-radius: 1.5em;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  anchor-name: --slider-left-5;
}
.slider-left-5::-webkit-scrollbar{
  display: none;
}
.slider-left-5:hover{
  animation: bounce 3s ease infinite;
}


.slider-left-5::scroll-button(right), .slider-left-5::scroll-button(left) {
  content:'↪';
  border: none;
  background-color: #0029bb;
  font-family: Terminal Grotesque;
  font-size: 1em;
  color: white;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  padding-bottom: 0.3em;
  cursor: pointer;
  position: fixed;
  position-anchor: --slider-left-5;
  position-area: right center;
  translate: -20%;
}
.slider-left-5::scroll-button(left){
  content:'↩';
  position-area: left center;
  translate: 20%;
}
.slider-left-5::scroll-button(right):disabled, .slider-left-5::scroll-button(left):disabled{
  opacity: 0.6;
  background-color: #d7f59f;
  color: #f5568b;
  cursor: auto;
}
.slider-left-5::scroll-button(right):hover, .slider-left-5::scroll-button(left):hover{
  animation: wiggle 1s;
  animation-iteration-count: ease-in-out;
}


.slider-left-5 img{
  flex: 1 0 100%;
  scroll-snap-align: start;
  object-fit: cover;
}
.slider-left-5 nav{
  display: flex;
  column-gap: 1em;
  position: absolute;
  bottom: 1.25em;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
#sweets-illustration-paragraph{
  text-align: right;
  position: relative;
    font-family: Terminal Grotesque OP;
    color: #0029bb;
    font-size: 1em;
}
#sweets-illustration-titre-paragraph{
  text-align: right;
  position: relative;
    font-family: Cavalhatriz;
    color: #f5568b;
    -webkit-text-stroke: 0.3px #f5568b;
    font-size: 1.2em;
}

.container-left-6{
  padding: 2em;
}

.slider-wrapper-left-6{
  position: relative;
  top: -276.5em;
  left: 20em;
  max-width: 20em;
  margin: 0 auto;
}
.slider-left-6{
  display: flex;
  aspect-ratio:   1 / 1.4;
  border-radius: 1.5em;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  anchor-name: --slider-left-6;
}
.slider-left-6::-webkit-scrollbar{
  display: none;
}
.slider-left-6:hover{
  animation: bounce 3s ease infinite;
}


.slider-left-6::scroll-button(right), .slider-left-6::scroll-button(left) {
  content:'↪';
  border: none;
  background-color: #0029bb;
  font-family: Terminal Grotesque;
  font-size: 1em;
  color: white;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  padding-bottom: 0.3em;
  cursor: pointer;
  position: fixed;
  position-anchor: --slider-left-6;
  position-area: right center;
  translate: -20%;
}
.slider-left-6::scroll-button(left){
  content:'↩';
  position-area: left center;
  translate: 20%;
}
.slider-left-6::scroll-button(right):disabled, .slider-left-6::scroll-button(left):disabled{
  opacity: 0.6;
  background-color: #d7f59f;
  color: #f5568b;
  cursor: auto;
}
.slider-left-6::scroll-button(right):hover, .slider-left-6::scroll-button(left):hover{
  animation: wiggle 1s;
  animation-iteration-count: ease-in-out;
}


.slider-left-6 img{
  flex: 1 0 100%;
  scroll-snap-align: start;
  object-fit: cover;
}
.slider-left-6 nav{
  display: flex;
  column-gap: 1em;
  position: absolute;
  bottom: 1.25em;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
#treasure-of-someone-illustration-paragraph{
  text-align: right;
  position: relative;
    font-family: Terminal Grotesque OP;
    color: #0029bb;
    font-size: 1em;
}
#treasure-of-someone-illustration-titre-paragraph{
  text-align: right;
  position: relative;
    font-family: Cavalhatriz;
    color: #f5568b;
    -webkit-text-stroke: 0.3px #f5568b;
    font-size: 1.2em;
}

.container-left-7{
  padding: 2em;
}

.slider-wrapper-left-7{
  position: relative;
  top: -277em;
  left: 20em;
  max-width: 20em;
  margin: 0 auto;
}
.slider-left-7{
  display: flex;
  aspect-ratio:   1 / 1.4;
  border-radius: 1.5em;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  anchor-name: --slider-left-7;
}
.slider-left-7::-webkit-scrollbar{
  display: none;
}
.slider-left-7:hover{
  animation: bounce 3s ease infinite;
}


.slider-left-7::scroll-button(right), .slider-left-7::scroll-button(left) {
  content:'↪';
  border: none;
  background-color: #0029bb;
  font-family: Terminal Grotesque;
  font-size: 1em;
  color: white;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  padding-bottom: 0.3em;
  cursor: pointer;
  position: fixed;
  position-anchor: --slider-left-7;
  position-area: right center;
  translate: -20%;
}
.slider-left-7::scroll-button(left){
  content:'↩';
  position-area: left center;
  translate: 20%;
}
.slider-left-7::scroll-button(right):disabled, .slider-left-7::scroll-button(left):disabled{
  opacity: 0.6;
  background-color: #d7f59f;
  color: #f5568b;
  cursor: auto;
}
.slider-left-7::scroll-button(right):hover, .slider-left-7::scroll-button(left):hover{
  animation: wiggle 1s;
  animation-iteration-count: ease-in-out;
}


.slider-left-7 img{
  flex: 1 0 100%;
  scroll-snap-align: start;
  object-fit: cover;
}
.slider-left-7 nav{
  display: flex;
  column-gap: 1em;
  position: absolute;
  bottom: 1.25em;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
#abstract-poster-paragraph{
  text-align: right;
  position: relative;
    font-family: Terminal Grotesque OP;
    color: #0029bb;
    font-size: 1em;
}
#abstract-poster-titre-paragraph{
  text-align: right;
  position: relative;
    font-family: Cavalhatriz;
    color: #f5568b;
    -webkit-text-stroke: 0.3px #f5568b;
    font-size: 1.2em;
}

@keyframes wiggle {
 0%, 100%{
  transform: rotate(0deg);
 }
  17%, 50%, 90%{
  transform: rotate(10deg);
 }
 35%, 90%{
  transform: rotate(-10deg);
 }
}
@keyframes bounce {
    70% { transform:translateY(0%); }
    80% { transform:translateY(-15%); }
    90% { transform:translateY(0%); }
    95% { transform:translateY(0%); }
    97% { transform:translateY(0%); }
    99% { transform:translateY(0%); }
    100% { transform:translateY(0); }
}