body {                                  /* la balise body */
    color: white;                           /* couleur du texte */
    background-color : black                /* couleur du fond */
}

h1, p {                                 /* les balise h1 et p*/
    text-align: center                      /* alignement du texte */
}


.conteneur {                            /* la class conteneur */
    display: flex;                          /* type flexbox */
    flex-direction: row;                    /* en ligne */
    justify-content: space-around;          /* espace autour */
    align-items: center;                    /* items centrés */
    margin: auto;                           /* conteneur centré */
    width: 60%                              /* largeur du conteneur */
}



/* adaptation à la taille de l'écran */
@media screen and (max-width: 900px) {          /* en dessous de 900px de large */
    .conteneur {                                    /* la class conteneur */
        flex-flow: column;                              /* en colonne */
    }
}