*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  overflow: hidden;
  height: 100vh;
}

main {
  display: flex;
  flex-direction: row;
  height: 100vh;
  scrollbar-width: none;
  overflow: hidden;
  overflow-x: auto;
  overflow-y: hidden;
}

main::-webkit-scrollbar {
  display: none;
}

.bloctexte {
  min-width: 30vw;
  height: 80vh;

  display: flex;
  justify-content: center;

  padding: 80px;

  scroll-snap-align: start;
}




figure {
  cursor: pointer;
}

figcaption {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1em;
  visibility: hidden;
  color: white;
  font-family: 'alef';
  font-size: 1rem;
  line-height: 1.2rem;
  max-width: 28ch;
  text-wrap: balance;
}


figure.active {
  cursor:pointer;
}
figure.active figcaption {
  visibility: visible;
}

figure.active img {
  mix-blend-mode: multiply;
}

figure {
  margin: 0;
  position: relative;
  background-color: #d20101;
}

@font-face {
  font-family: 'alef';
  src: url('alef.ttf');
}





.archive {
  height: 100vh;
  object-fit: contain;
}

h1 {
  font-family: 'italic';
  color: #d20101;
  font-size: 1.5rem;
  line-height: 1.2;
  display: flex;
  align-items: center;
  justify-content: center;
}

.blocicon {
  min-width: 60vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

#icon {
  width: 80px;
}


.blocbouton {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 90px;
  padding-right: 90px;
  
}

.fou {
  position: relative;
  cursor: pointer;
  rotate: -90deg;
  text-decoration: none;
}

.fou path {
    animation: swim 2s infinite alternate;
}

.folle {
  position: relative;
  cursor: pointer;
  rotate: 90deg;
  text-decoration: none;
}

.folle path {
    animation: swim 2s infinite alternate;
}

@keyframes swim {

  100% {
    d: path("m 9,47.4 h 1.2 c 0,0 2.3,-5.3 9.1,-11 v -2.1 c 0,0 -5.5,2.6 -8.2,5.3 0,-7 -2.9,-9.7 0.1,-20.7 C 13.8,9.4 11.1,6.2 11.1,0 10.2,0 9.3,0 8.4,0 c 0,6.2 2,9.6 -0.1,19 -3,13.4 0,13.5 0,20.5 0,0 -2.2,-2.5 -8.3,-5.3 v 2 c 0,0.1 6.8,5.8 9,11.2 z")
  }
}