.entre {
  margin: 0;
  background: url("entre.jpg") right center / auto 105vh no-repeat fixed;
}

.video {
  width: clamp(2.75rem, 35%, 3.5rem);
}




/*===================== telephone ===================*/


@media (max-width: 600px) {

  .entre {
    background: url("header_test.jpg") right center / auto 105vh no-repeat fixed;
    background-position: 30% 120%;
    min-height: 90vh;
  }
  
  .list_nav_1 ul {
    top: 80%;
    left: 10%;
  }

}

/*===================== VIDEO ======================*/

.video {
  position: absolute; 
  top: 50%;
  left: 20%;
  width:15vh;
}




/*======================== entre ======================*/


ul { 
    position: absolute;
    top: 50%;       /* centre vertical */
    left: 28%;   /* 1/3 de l'écran horizontal */
    
    
  
    transform: translate(-50%, -50%); /* centre exact par rapport à son propre bloc */
    list-style: none; /* optionnel : enlève les puces */
}

.list_nav_1 nav ul li a:link, /* ref utilisation de nav ul li a en lien et lien visité*/
.list_nav_1 nav ul li a:visited{ 
 
  font-family: Courier;
  font-size:4vh;
  display: inline-block; 
  color: #525252;/* Couleur normale et après visite */
  text-decoration: none;/*sans soulignement*/
  transform-origin: left center;
  transition: transform 0.125s, color 0.1s;/* zoom à partir du côté gauche */
  /* margin-bottom: 10px; 
 espace entre les ligne de la liste*/
}

.list_nav_1 nav ul li a:hover,
.list_nav_1 nav ul li a:active {
  color:#2B2B2B;
  transform: scale(1.2);
  border-bottom: 0.5px solid;/* Couleur au survol ou clic */
  border-color:#2B2B2B;
  
}



/*============== ZALGO =================*/



.zalgo span{
  display:inline-block;
  animation: none;
}
.zalgo:hover span{
  animation: zalgo 0.9s infinite ease-in-out;
}


@keyframes zalgo{

0%{transform:translate(0,0) rotate(0deg);}
5%{transform:translate(0,-160px);}
10%{transform:translate(0,-25px);}
15%{transform:translate(-6px,-79px);}
20%{transform:translate(0,1px);}
25%{transform:translate(0,-1px);}
30%{transform:translate(3px,207px);}
35%{transform:translate(0,45px);}
40%{ transform:translate(0,85px);}
45%{ transform: translate(1px,1px)}
50%{transform:translate(0,-90px);}
55%{transform:translate(0,-15px);}
60%{transform:translate(0,150px);}
70%{transform:translate(-1px,2px);}
80%{transform:translate(1px,-75px);}
90%{transform:translate(1.5px,1px);}
100%{transform:translate(0,0) rotate(0deg);}

}

.zalgo span:nth-child(1){animation-delay:0s;}
.zalgo span:nth-child(2){animation-delay:0.1s;}
.zalgo span:nth-child(3){animation-delay:0.2s;}
.zalgo span:nth-child(4){animation-delay:0.15s;}
.zalgo span:nth-child(5){animation-delay:0.175s;}
.zalgo span:nth-child(6){animation-delay:0.1s;}
.zalgo span:nth-child(7){animation-delay:0.2s;}
.zalgo span:nth-child(8){animation-delay:0.15s;}
.zalgo span:nth-child(9){animation-delay:0.175s;}
.zalgo span:nth-child(10){animation-delay:0.1s;}
.zalgo span:nth-child(11){animation-delay:0.2s;}
.zalgo span:nth-child(12){animation-delay:0.1s;}
.zalgo span:nth-child(13){animation-delay:0.1s;}
.zalgo span:nth-child(14){animation-delay:0.3s;}
/*code interessant pour fixer un elevement comme effectivment la liste de navigation, ou ptre une image a coté d'un teste*/
/*position: sticky;
top: 20px;*/
/*         https://developer.mozilla.org/fr/docs/Web/CSS/Reference/Properties/position         */