/* =========================================
   STYLES DES PAGES HTML
   ========================================= */

.base {
  /* px signifie "pixels". La taille de police de base est maintenant de 10
     pixels de haut */
  font-size: 60px;
  /* Remplacez EMPLACEMENT par la valeur de la propriété font-family obtenue
     depuis Google Fonts */
  font-family: "Jersey 10 Charted", sans-serif;
  font-weight: 400;
  font-style: normal;
  background-color: #d856e1;
  overflow: hidden;
}

.insomnies {
  /* px signifie "pixels". La taille de police de base est maintenant de 10
     pixels de haut */
  font-size: 60px;
  /* Remplacez EMPLACEMENT par la valeur de la propriété font-family obtenue
     depuis Google Fonts */
  font-family: "Jersey 10 Charted", sans-serif;
  font-weight: 400;
  font-style: normal;
  background-color: #d856e1;
  overflow: hidden;
}

.incendies {
  font-weight: 400;
  font-style: normal;
  overflow: hidden;
}

.jai {
  font-weight: 400;
  font-style: normal;
  overflow: hidden;
}

.coeur {
  /* px signifie "pixels". La taille de police de base est maintenant de 10
     pixels de haut */
  font-size: 60px;
  /* Remplacez EMPLACEMENT par la valeur de la propriété font-family obtenue
     depuis Google Fonts */
  font-family: "Jersey 10 Charted", sans-serif;
  font-weight: 400;
  font-style: normal;
  overflow: hidden;
}

/* =========================================
   LES IMAGES/DESSINS
   ========================================= */

.sadestgirlalive {
  display: block;
  position: absolute;
  margin-top: 50px;
  margin-left: 1000px;
  max-width: 30%;
}

.cover-eartheater {
  display: block;
  position: absolute;
  margin-left: 1000px;
  margin-top: 540px;
  max-width: 12%;
  z-index: 1;
}

.cover-niagara {
  display: block;
  position: absolute;
  margin-left: 1000px;
  margin-top: 540px;
  max-width: 12%;
  z-index: 5;
}

.pardon-desole {
  display: block;
  position: fixed;
  width: 100vw; height: 100vh;
  object-fit: cover;
  max-width: 100%;
  z-index: 2;
}

.nue-dessus {
  display: block;
  position: absolute;
  margin-top: 300px;
  margin-left: 500px;
  max-width: 40%;
  z-index: 3;
}

/* =========================================
   LES FONDS
   ========================================= */

.rosebleu {
  position: fixed;
  top: 0; left: 0;
  width: 100vw; height: 100vh;
  object-fit: cover;
  z-index: -1;
}

.carreaux {
  position: fixed;
  top: 0; left: 0;
  width: 100vw; height: 100vh;
  object-fit: cover;
  z-index: -5;
}

.fond-rose-blanc {
  position: fixed;
  top: 0; left: 0;
  width: 100vw; height: 100vh;
  object-fit: cover;
  z-index: -1;
}

.fond-niagara {
  position: fixed;
  top: 0; left: 0;
  width: 100vw; height: 100vh;
  object-fit: cover;
  z-index: 1;
}

.fond-jaz {
  position:fixed;
  top: 0; left: 0;
  width: 100vw; height: 100vh;
  max-width: 100%;
  z-index: -5;
}

/* =========================================
   LES TEXTES
   ========================================= */
  
  .incendies-insomnies {
  background: transparent;
  text-decoration: none;
  position: absolute;
  top: 10px;
  right: auto;
  bottom: auto;
  left: 75px;
  z-index: 5;
  }

 .text-bras {
  background: transparent;
  text-decoration: none;
  position: absolute;
  top: 10px;
  right: auto;
  bottom: auto;
  left: 75px;
  z-index: 5;
  }

 .text-lesbiennes {
  background: transparent;
  text-decoration: none;
  position: absolute;
  top: 10px;
  right: auto;
  bottom: auto;
  left: 75px;
  z-index: 5;
  color: #ffffff;
  font-weight: bold;
  }

  .text-neige {
  background: transparent;
  text-decoration: none;
  position: absolute;
  top: 10px;
  right: auto;
  bottom: auto;
  left: 1010px;
  z-index: 1;
  color: #ffffff;
  font-weight: bold;
  }

  .text-13 {
  background: transparent;
  text-decoration: none;
  position: absolute;
  top: 250px;
  right: auto;
  bottom: auto;
  left: 925px;
  z-index: 1;
  color: #ffffff;
  font-weight: bold;
  }

  .text-bbcute {
  background: transparent;
  text-decoration: none;
  position: absolute;
  top: 400px;
  right: auto;
  bottom: auto;
  left: 300px;
  z-index: 1;
  color: #ffffff;
  font-weight: bold;
  }

  .text-sue {
  background: transparent;
  text-decoration: none;
  position: absolute;
  top: 150px;
  right: auto;
  bottom: auto;
  left: 500px;
  z-index: 1;
  color: #ffffff;
  font-weight: bold;
  }

  .text-vege {
  background: transparent;
  text-decoration: none;
  position: absolute;
  top: 550px;
  right: auto;
  bottom: auto;
  left: 700px;
  z-index: 1;
  color: #ffffff;
  font-weight: bold;
  }

  .text-yeux {
  background: transparent;
  text-decoration: none;
  position: absolute;
  top: 300px;
  right: auto;
  bottom: auto;
  left: 950px;
  z-index: 5;
  }

 .pardonx2 {
  display: block;
  background: transparent;
  text-decoration: none;
  position: absolute;
  font-size: 100px;
  top: auto;
  right: auto;
  bottom: auto;
  left: 100px;
  z-index: 3;
  color: #052fa2;
  font-family: "../fonts/ghotic/bold", sans-serif;
  font-weight: bold;
 }

 .desolex2 {
  background: transparent;
  text-decoration: none;
  position: absolute;
  font-size: 100px;
  top:var(flash);
  right: auto;
  bottom: auto;
  left: 100px;
  z-index: 3;
  color: #cd158f;
  font-family: "../fonts/ghotic/bold", sans-serif;
  font-weight: bold;
 }

 /* =========================================
   LES LIENS
   ========================================= */

  .text-coeur {
  color: #ae1010;
  background: transparent;
  position: absolute;
  font-size: 400px;
  top: 100px;
  right: auto;
  bottom: auto;
  left: 500px;
  z-index: -1;
  font-weight: bold;
  text-decoration: none;
  }

  .lien-blanc {
    color: #ffffff;
    text-decoration: none;
  }

  .lien-invisible {
    color:black;
    text-decoration: none;
  }