@font-face {
  font-family: 'Nudles';
  src: url('polices/Nudles-Regular.woff') format('woff');
}

@font-face {
  font-family: 'Nudles-Fat';
  src: url('polices/Nudles-Fat.woff') format('woff');
}

@font-face {
  font-family: 'Nudles-Hairline';
  src: url('polices/Nudles-Hairline.woff') format('woff');
}


body{
background: hotpink;
font-family: Nudles;
color: greenyellow;
font-size: 37pt;
}


h1 {
color: greenyellow; 
background: black;	
font-size: 55pt; 
font-style: italic; 
font-weight: normal;
text-align: center;
font-family: Nudles-Fat;
text-shadow: 
    -3px -3px 0 #254,  
     3px -3px 0 #254,
    -3px  3px 0 #254,
     3px  3px 0 #254;
}

p {
color: greenyellow;
line-height: 120%;
font-family: Nudles-Hairline;
}

h2 {
color: black; 
background: greenyellow;
font-style: italic; 
font-weight: normal;
	font-size: 37pt;
	text-shadow: 
    -1px -1px 0 #000,  
     1px -1px 0 #000,
    -1px  1px 0 #000,
     1px  1px 0 #000;
text-align: center;
}

ul {
	color: greenyellow;
	font-size: 30pt;
	background: greenyellow transparent;
}

img {
	width: 1000px;
}


video {
	width: 1000px;
}



/* ---------------- TRUCS SPACES QUI BOUGENT ----------------  */


@keyframes bougerTitre {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(50px); /* Déplacement vers la droite de 50 pixels */
  }
  100% {
    transform: translateX(0);
  }
}

/* Application de l'animation au titre */
h2 {
  animation: bougerTitre 2s ease-in-out infinite;
}


h1 {
  animation: clignoter 1s infinite;
}

@keyframes clignoter {
  0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 3; }
}

/* ---------------- TRUCS SPACES QUI BOUGENT ----------------  */