body
{
margin:0;
padding:0;

background-repeat: no-repeat;
background-size: cover;
}
h1 
{
text-align:center;
font-size:2rem;
-webkit-text-stroke-width:3px;
-webkit-text-stroke-color:burlywood;
color:red;
}

.zoomable-container__img
{
display: block;
margin: auto;
cursor:crosshair;


}
p
{ 
  text-align:center;
  font-size:2rem;
  color:whitesmoke;
  padding:40px;
  
  }
  

  
  /* Déclaration de l'animation */
@keyframes clignoter {
  0% { opacity: 1; } /* Le texte est visible à 100% */
  50% { opacity: 0; } /* Le texte devient invisible à 50% de l'animation */
  100% { opacity: 1; } /* Le texte redevient visible à 100% */
}

/* Application de l'animation à un élément */
  .mon-texte-clignotant {
  animation-name: clignoter; /* Nom de l'animation à appliquer */
  animation-duration: 15s; /* Durée d'un cycle d'animation (ici 1 seconde) */
  animation-iteration-count:infinite; /* Répétition infinie */
  
  
}
img
{
  border:5px solid black;
}


    @media screen and (max-width:700px)
     {   

     
      body {
        font-size: 14px;
      }
      .navigation {
        display: none; /* Hide a desktop navigation menu */
      }
      }