*{box-sizing: border-box;}

body{margin: 0;
background-color: rgb(249, 242, 235);
}

header{
  background-color: rgb(249, 242, 235);;
  margin: 5rem;  
  text-align: center;                     
}

.lilasratcliff{
  margin-bottom: 0.1em;
}



h1{
font-family: "Amiri", serif;
font-weight: 400;
font-style: normal;
font-size: 4em;
text-align: center;
color: black;
}

h2{font-family: "Amiri", serif;
font-weight: 300;
font-style: normal;
font-size: 2em;
text-align: center;
color: black;}

.illu{
display: block;
width: clamp(300px, 80vw, 1200px);
width: clamp(20.833svw, 80svw, 83.333svw);
height: auto;                      
margin-inline: auto;              
}

ul.onglet {
font-family: "Amiri", serif;
font-style: normal;
font-size: 2em;
list-style: none;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
gap: 3rem;
margin: 0;
padding: 0;
}

ul.onglet a,
ul.onglet a:visited,
ul.onglet a:focus,
ul.onglet a:active {
  text-decoration: none;
  color: black;          
}

ul.onglet a:hover{
  background-color: rgba(241, 230, 218, 0.4);
  font-weight: bold;
} 

ul.footer{
font-family: "Amiri", serif;
font-style: normal;
font-size: 1em;
list-style: none;
display: flex;
justify-content: center;
gap: 6rem;
}

ul.footer a,
ul.footer a:visited,
ul.footer a:focus,
ul.footer a:active {
  text-decoration: none;
  color: black;          
}

ul.footer a:hover{
  background-color: rgba(241, 230, 218, 0.4);
  font-weight: bold;
} 

footer{
display: grid;
place-items: center;
text-align: center;}