*{
  margin: 0;
  padding: 0;
}

body{
  font-family: 'BluuNext';
	margin-top: :0;
  padding: 0;
   background-color : #440090;
  /*background-color: #8300CB;
  transition-duration:1s;
  transition-delay:0.5s;
  /* width: 100% !important; */
  /* overflow-x: hidden; */
}



#main{
  width: 100%;
}

.page{
  text-align: center;
}




h5 {
	/* margin-top:150px;
  margin-left: 300px;
  margin-right: 300px; */
  color: black;
  z-index: 3;
  line-height: normal;
  background-color: #6D00FF;
  mix-blend-mode: color;
  font-size: 15px;
  text-align: center;
  font-weight: bolder;
  margin-top: 30px;

}

/*margin-left: 100px;
padding:100px; */

/* Typo titrage */
h1{
  /* font-family: 'BluuNext';
 font-size: 60px;
  font-weight: bolder;
  position: absolute;
  z-index: 1;
  line-height: normal; */

  }


h2{
  margin-top: 50px;
    font-size: 50px;
    text-align: center;
    font-weight: bolder;
    z-index: 3;
    line-height: normal;
    text-decoration: overline;
}

h3{
  margin-top: 50px;
  font-size: 40px;
  text-align: center;
  font-weight: bolder;
  z-index: 3;
  line-height: normal;
  text-decoration: overline;
}

h4{
  margin-top: auto;
  font-size: 1000px;
  font-family: "MESS";
  z-index: -6;
  position: absolute;
  color: #6D00FF;
}


p {
  color: black;
  margin:30px;
  text-align: center;
  padding: 30px;
  z-index: 3 !important;
  line-height: normal;
  font-family: "MESS";
  mix-blend-mode: unset;
}


/*mode de fusion  */
span{
 visibility: hidden;
}

.choix{
  display: none;
  font-style: 0px;
}

.un{
  display:none;
  font-size: 0px;
}

.deux{
  display: none;
  font-style: 0px;
}

.image{
  display:block;
  text-align: center;
  margin: auto;
  margin-top: 30px;
}

.titrage{
display: none;
}

.sous-titre{
display: none;
}

.nom{
  display: none;
}

.lettrine{
  display: none;
}


a{
font-family: 'OUROBOROS';
font-size: 20px;
font-weight: bolder;
color: black;
}


article{
  /* padding-left: 250px;
  padding-right: 100px; */
}

/* Imac */
@media screen and (min-width:1200px){
  body{
background-color: #5000C3;
  }

  .image{
    width: 10%;
    z-index: 3;
    text-align: center;
  }


  p{
    color: black;
    z-index: 3;
    font-family: "MESS";
  }


  /* h1{
    font-family: 'MESS'; */
    /* font-size: 60px; */
    /* font-weight: bolder;
    position: absolute;
    z-index: 1;
    } */

    a{
      display: none;
    }
}
/* Laptop */
@media screen and (min-width:980px) and (max-width: 1199px){
  body{
  background-color: #2C0168;
  }

  p{
    font-family: 'MESS';
    font-size: 30px;
    color: black;
    transition-duration:1s;
    transition-delay:0,5s;
    z-index: 3;
  }

  h1{
    /* font-family: 'Mess';
    color:black;
    z-index: 5px; */
  }

  h2,h3{
    font-family: 'Ouroboros';
    color:black;
    transition-duration:1s;
    transition-delay:0,5s;
    z-index: 3;
    margin-top: 0;
  }


  .image{
    width: 60%;
    z-index: 3;
  }

  a{
    display: none;
  }


  h5{
    font-size: 25px;
    text-align: center;
    font-weight: bolder;
    z-index: 3;
  }

}
/* Tablette */
@media screen and (min-width:768px) and (max-width: 979px){
  body{
    background-color: #1A013E;
  }

  p{
    font-family: "Mess";
    font-size: 50px;
    color: black;
    z-index: 3;
  }

  h1{
    /* display: none; */
  }

  h2,h3{
    font-family: 'Ouroboros';
    font-size: 100px;
    color:black;
    transition-duration:1s;
    transition-delay:0,5s;
    margin-top: 0;
  }

  .image{
    width: 800px;
    z-index: 3;
  }

  a{
    color: black;
  }


    h5{
      font-size: 30px;
      text-align: center;
      font-weight: bolder;
      z-index: 3;
    }

}
/* Smartphone */
@media screen and (max-width:767px){

  body{
    background-color: black;
    overflow-x: hidden;
  }

  h1, h2, h3, h5, h6,p{
    display: none;
  }

  .image{
    width:100%;
    z-index: 3;
  }

  a{
    display: none;
  }

  h4{
    display: none;
  }

}