body  {
  background-color:black;

}

#cover h1 {
    font-family: 'Trickster_Regular';
    font-weight: normal;
      font-style: normal;
    color: white;
    padding: 30px;
}

img{
    max-width: 100%;
filter: grayscale(100%);
}

img:hover{
  max-width: 100%;
filter: grayscale(0%);

}

audio{
  padding: 10px;
  margin-left: 10px;
}


#art-in-printing h1 {
color: white;
font-family: 'Trickster_Regular';
font-weight: normal;
  font-style: normal;
  padding: 30px;
  margin-left: 8%;
  font-size:100px;
}


.pagedjs_img-spread{
  display:none;
}


img{
  /* max-width: window.width; */
display: block;
    margin-left: auto;
    margin-right: auto

}



.screen{
  display: block;
}
.print{
  display: none;
}

#photo p{
  color: white;
  font-family: 'Trickster_Regular';
  font-weight: normal;
    font-style: normal;
padding: 60px;
padding-top: 60px;
margin-left: 40%;
font-size:60px;
position: absolute;
top: 4000px;


}

#photo img {
  max-width: 40%;
  margin-top:100px;
display: block;
margin-left: 10%;

}

#gif img{
  max-width: window.width;
display: block;
padding-top:100px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;

}

#chronique h1{
  color: white;
  font-family:'Trickster_Regular';
  font-weight: normal;
    font-style: normal;
    padding: 30px;
    padding-top:100px;
    margin-left:15%;
    font-size:60px;
}

#chronique p{
  color: white;
  font-family:'Avara_Bold';
  font-weight: normal;
    font-style: normal;
    padding: 10px;
    margin-right: 50%;
    margin-left:10%;
    font-size:20px;
}


#flyer3{
  max-width: 30%;
  margin-top:100px;
display: block;
margin-right: 50%;
position: absolute;
top: 4700px;
left:60%;

}

#flyer2{
  max-width: 30%;
  margin-top:100px;
display: block;
margin-right: 50%;
position: absolute;
top: 4900px;
left:40%;
z-index:99

}

#flyer4{
  max-width: 15%;
  margin-top:100px;
display: block;
margin-right: 50%;
position: absolute;
top: 4950px;
left:75%;

}


#drag3 img{
  max-width: 50%;
  margin-top:100px;
display: block;
margin-right: 50%;
position: absolute;
top: 5500px;
left:5%;
z-index:-1;
}

#drag3 h1{
  color: white;
  font-family:'Trickster_Regular';
  font-weight: normal;
    font-style: normal;
    padding: 30px;
    padding-top:100px;
  margin-left:15%;
    font-size:60px;

}

#drag3 h2{
  color: white;
  font-family:'Avara_Bold';
  font-weight: normal;
    font-style: normal;
    padding: 10px;
    margin-top: 200px;
    margin-right: 7%;
    margin-left:65%;
    font-size:20px;

}

#article h1{
  color: white;
  font-family:'Trickster_Regular';
  font-weight: normal;
    font-style: normal;
    padding: 30px;
    padding-top:100px;
    margin-left:60%;
    font-size:60px;
}

#article p{
  color: white;
  font-family:'Avara_Bold';
  font-weight: normal;
    font-style: normal;
    padding: 10px;
    margin-right: 10%;
    margin-left:50%;
    font-size:20px;
}

#article h2{
  color: white;
  font-family:'Trickster_Regular';
  font-weight: normal;
    font-style: normal;
    padding: 30px;
    padding-top:100px;
    margin-left:7%;
    margin-right:40%;
    font-size:60px;
    position: absolute;
    top: 7400px;
    right:200px;
}

#article img{
  max-width: 30%;
  margin-top:100px;
margin-right: 50%;
margin-left:10%;
padding:30px;
position: absolute;
top: 7700px;
left:100px;
z-index:-1;


}

#texte h1{
  color: white;
  font-family:'Trickster_Regular';
  font-weight: normal;
    font-style: normal;
    padding: 0px;
    padding-top:150px;
    margin-left:15%;
    font-size:60px;

}

#texte p{
  color: white;
  font-family:'Avara_Bold';
  font-weight: normal;
    font-style: normal;
    padding: -20px;
    margin-right: 10%;
    margin-left:30%;
    font-size:20px;
}

#concerts h1{
  color: white;
  font-family:'Trickster_Regular';
  font-weight: normal;
    font-style: normal;
    padding: 0px;
    padding-top:150px;
    margin-left:15%;
    font-size:60px;

}

#concerts p{
  color: white;
  font-family:'Avara_Bold';
  font-weight: normal;
    font-style: normal;
    padding: -20px;
    margin-right: 10%;
    margin-left:30%;
    font-size:20px;
}

#interview h1{
  color: white;
  font-family:'Trickster_Regular';
  font-weight: normal;
    font-style: normal;
    padding: 0px;
    padding-top:500px;
    margin-left:15%;
    font-size:60px;

}

#interview p{
  color: white;
  font-family:'Avara_Bold';
  font-weight: normal;
    font-style: normal;
    padding: -20px;
    margin-right: 55%;
    margin-left:8%;
    margin-top:100px;
    font-size:20px;
}

#interview img{
  max-width: 50%;
  margin-top:0px;
margin-right: 0%;
margin-left:50%;
position: absolute;
top: 9900px;

}

#courrier h1{
  color: white;
  font-family:'Trickster_Regular';
  font-weight: normal;
    font-style: normal;
    padding: 0px;
    padding-top:400px;
    padding-bottom:100px;
    margin-left:20%;
    font-size:80px;

}

#courrier1{
  max-width: 100%;
  margin-top:0px;
margin-right: 0%;
margin-left:50%;
position: absolute;
top: 11500px;
rotation:30deg;
}

#courrier2{
  max-width: 100%;
  margin-top:0px;
margin-right: 0%;
margin-left:10%;
position: absolute;
top: 11500px;
rotation:-15deg;
}

#courrier3{
  max-width: 100%;
  margin-top:0px;
margin-right: 0%;
margin-left:40%;
position: absolute;
top: 11560px;
rptation:10deg;
}

#pub{
  max-width: 100%;
  margin-top:800px;
margin-right: 0%;
margin-left:0%;
margin-top:50px;

}

#credits h1{
  color: white;
  font-family:'Trickster_Regular';
  font-weight: normal;
    font-style: normal;
    padding: 0px;
    padding-top:600px;
    padding-bottom:100px;
    margin-left:20%;
    font-size:80px;

}