@page{
    size: 148mm 210mm;
    margin: 0;
}

svg{
  width: 200%;
}

svg .st0 {
  fill: #fff;
}

svg .st1 {
  fill: none;
  stroke: #000;
  animation: borderWidth 5s infinite;
}

@keyframes borderWidth {
  0% {
      stroke-width: 1px;
  }

  50% {
      stroke-width: 50px;
  }

  100% {
      stroke-width: 1px;
  }
}

body{
  -webkit-print-color-adjust: exact !important;
  print-color-adjust: exact !important;
  margin: 0;
}

header{
  position: absolute;
}

#interface{
    display: none;
}

.title svg{
    width: 170mm;
    margin: 0;
}

.details{
  display: flex;
  flex-direction: column;
  height: 240mm;
  page-break-after: always;
}

.titrage-atelier{
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  margin-top: 30mm;
}

.titrage-atelier img{
  width: 200%;
}

h1{
  text-align: center;
}

h2, h3{
  font-weight: normal;
  margin: 0;
  font-size: 20pt;
}

.subtitles{
  display: flex;
  justify-content: space-between;
  gap: 3em;
  font-size: 20pt;
  margin-bottom: 1.5em;
  padding: 0 5mm;
}

.txt-atelier{
  font-size: 20pt;
  line-height: 97%;
  padding: 0 5mm 5mm 5mm;
}

.carousel figure{
  background-color: blueviolet;
  page-break-after: always;
  margin: 5mm 5mm 0 5mm;
}

.carousel img{
  display: block;
  width: 100%;
  filter: saturate(0%);
  mix-blend-mode: screen;
}