html, body {
margin: 0;
padding: 0;
height: 100%;
font-family: 'Segoe UI', sans-serif;
overflow: hidden;
}

body {
background-color: black;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
transition: background-image 1.5s ease-in-out;
color: #fff;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
margin: 0; 
padding: 0; 
height: 100%; 
overflow: hidden;
}

body.vumeter-active {
background-image: none !important;
}
  
h1 {
font-size: 3rem;
margin-bottom: 1rem;
text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
}

/* Taille H1 si sur mobile */
@media (max-width: 600px) {
	h1 {
	font-size: 2rem;
	}
}

/* Affichage des images infos centrales */
.clickable-image {
cursor: pointer;
max-width: 100%;
height: auto;
width: inherit;
}