@font-face {
    font-family: Louise;
    src: url(typo/Louise-Regular.woff);
}

@font-face {
    font-family: Redaction;
    src: url(typo/Redaction-Regular.woff2);
}

body{
  font:14pt Redaction;
  color:white;
  background:lightgray;
}

nav, #formulaireNuage{
  display: none;
}

.container {
  rotate: -90deg;
}

@page {
  size: 105mm 148mm;
  margin: 1cm;
  /* marks: crop;
  bleed: 3mm; */
  background-color: #d9ebf4;
  background: linear-gradient(90deg, #d9ebf4 0%, #ffffff 100%);
  text-shadow: 0px 0px 5px #f7a2eb,
  2px 2px 10px white,
  -4px 4px 20px white,
  0px 0px 40px white;
}
@page :left{
  margin: 10mm 14mm 14mm 12mm; 
}
@page :right{
  margin: 10mm 12mm 14mm 14mm;
}

@page couverture {
  background: #f7a2eb;
  background: linear-gradient(90deg, #f7a2eb 0%, #ffffff 100%);
  margin: 0;
  text-shadow: 0px 0px 5px white,
  2px 2px 10px white,
  -4px 4px 20px #f7a2eb,
  0px 0px 40px white;
}
.couv { 
  page: couverture;
  color: transparent;
  font-family: Louise;
  margin: 0;
}

h1 {
  font-size: 13rem;
  position: absolute;
  top: -5cm;
  right: 6cm;
}

h2 {
  font-size: 2rem;
  position: absolute;
  bottom: 2.5cm;
  left: 2cm;
}

.AffichageNuage {
  break-before: left;
}

.listNuage {
  position: absolute;
  top:-5cm;
  left: -9cm;
}

.note {
  font-size: 1rem;
  font-style: italic;
}

img {
  width: 154mm;
  height: 108mm;
  filter: hue-rotate(330deg);
  break-before: right;
  bottom: -10.4cm;
  left: -1cm;
  position: absolute;
}