body {
    margin: 0;
    padding: 0;
    font-family: 'Averia Serif Libre', serif;

    /* L'image de fond */
    background-image: url('../img/pnjs.webp');

    /* On force la répétition dans les deux sens */
    background-repeat: repeat;

    /* On centre le point de départ de la répétition */
    /* Comme ça, le motif part du milieu et s'étale vers la gauche et la droite */
    background-position: center top;

    /* On garde la taille originale de l'image pour qu'elle se répète proprement */
    background-size: 600px auto;

    /* On fixe le fond pour un effet plus propre au scroll */
    background-attachment: fixed;

    /* Ta couleur de secours */
    background-color: var(--liberl-white);

    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: 100vh;
    overflow-x: hidden;
}

.page-container {
    width: 90%;
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}