/* Général */ 
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root{
    --gris: #D2D2D2;
    --blanc: #FFFFFF;
    --noir: #000000;    
}

html h1 {
    font-family: 'Sedan', sans-serif;
    color: var(--gris);
}

html body {
    background-color: var(--noir);
    margin: 0; /* Pour éviter tout espacement par défaut */
    padding: 0; /* Pour éviter tout espacement par défaut */
}  


/* Accueil */ 
body {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    min-height: 100vh;      /* 1) corps prend toute la hauteur */
}

main {
    flex: 1;                /* 2) main pousse le footer vers le bas */
    display: flex;          
    align-items: flex-end;  /* 3) tout le contenu de main (dont l’image) est aligné en bas */
}

.mirror-image {
    transform: scaleX(-1);  /* miroir horizontal */
    width: 500px;
    margin-bottom: 0;       /* s’assure qu’il n’y a pas d’espace sous l’image */
}