:root {
  --C0:hsl(220, 30%,  3%,1);
  --C1:hsl(137, 30%, 50%,1);
  --C2:hsl(289, 30%, 50%,1);
  --C3:hsl(367, 30%, 50%,1);
  --C4:hsl(220, 90%, 75%,1);
  --C5:hsl(030,100%, 90%,1);
  --C6:yellowgreen;
  --C7:silver;
  font-size:62.5%; font-family:monospace;
  color:var(--C4); background-color:var(--C1);
  }
* { margin:0; padding:0; border:0; vertical-align:middle; }

html {
  height:100vh;width:100%; overflow-x:hidden;
  }
body {
  }

.hidden {
  visibility:none;display:none;
}

#part1 {
  background-color:var(--C1); min-height:100vh; width:100%;
  background-image:url("20231027_120545.jpg");
  background-size: cover;
  }
#part2 {
  background-color:var(--C2); min-height:100vh;
  text-align:center;
  overflow-x:scroll;
  }
#part3 {
  background-color:var(--C3); min-height:100vh;
  text-align:center;
  overflow-x:scroll;
  }


#part2 h1 {
  width:100vw; margin:1rem; text-decoration:underline;
}

#part3 h1 {
  width:100vw; margin:1rem; text-decoration:underline;
}

#offers {
  width:5000%;
  margin-top:5rem; margin-left:5rem;
}

#targets {
  width:5000%;
  margin-top:5rem; margin-left:5rem;
}



/*TITRE PARTIE 1 : OFFRES */

#part2 h1 {
  font-family: bbb-read-me-Black;
  color: red;
  position: absolute;
  left:30%;
   }


#part2 {
  position: relative;
}


#offers > section {
  float:left;
  margin-right:3rem;
  background-color:var(--C4);
  height:60vh;width:80vw;
  text-align:center;
  border:0.2rem solid var(--C4); border-radius: 3rem;
    font-family: bbb-read-me-Black;

}

#offers h1{
  font-family: monospace;
   }

#targets > section {
  float:left;
  margin-right:3rem;
  background-color:var(--C7);
  height:60vh;width:80vw;
  text-align:center;
  border:0.2rem solid var(--C5); border-radius: 3rem;
}