/*
    Le titre "Développement web" dans le header doit avoir un font-weight de 400.
 */
h1 {
    font-weight: 400;
}

/*
    La nav doit s’afficher sur 1 ligne (pas en colonne) et sur la même ligne que le
    titre (pensez à la valeur baseline )
 */
h1, nav{
    margin-right: 20px;
    display: inline;
    vertical-align: baseline;
}

/*
    Le main sera une succession d’articles disposés en colonne, espacés de 20px
    et séparés d’un <hr>
 */
article:after {
    margin: 20px unset;
}

/*
    Tous les titres doivent avoir un font-weight de 400
 */
main h2 {
    font-weight: 400;
}

/*
    Les articles sont composés d’une partie toujours visible et d’une partie pouvant
    apparaître (les détails de l’article), cette partie aura par défaut une classe CSS
    hidden permettant de la masquer.
 */
div.hidden {
    display: none;
}

/*
    Stylisez le bouton avec une couleur spécifique et une bordure arrondie issue de
    variables css. Voir l’image de rendu du site à la fin de l’énoncé.
 */
button.btn {
    color: var(--color-secondary);
    border: none;
    border-radius: var(--border-radius);
    background-color: var(--background-color-secondary);
    /* padding optionnel pour ressembler a l'ennonce */
    padding: 5px 10px;
}