html,body{ /* reset css + police sans serif */
  margin: 0; /* supprime les marges par défaut du navigateur */
  box-sizing: border-box; /* modèle de boite avec les bordures */
  scroll-behavior: smooth!important; /* scroll progressif pour les ancres */
  background-color: #594967;
  font-family: sans-serif;
}
header{
    background-color: rgb(99, 115, 73);
    padding: 3rem;
    h1{
        color: #c7e374;
        text-align: center;
        margin: 0;
        span{
            display: block;
            margin-top: 0.5rem;
            opacity: 0.8;
            font-size: 1.5rem;
        }
    }
}

article{
    background-color: rgb(0, 132, 33);
    margin: 0 auto;
    margin-top: 2rem;
    max-width: 27rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
}
article, img{
    border-radius: 3%;
}
   figure{
    text-align: center;
    margin: 0 auto;
}
figcaption{
    text-align: left;
    margin-left: 1rem;
}

h2, .resume{
    margin-left: 1rem;
    color: antiquewhite;
}

.resume, figcaption{
    color: #c7e374;
}

.readMore{
    text-align: right;
    margin-right: 1rem;
    a{
        text-decoration: none;
        color: antiquewhite;
        text-transform: uppercase;
    }
}

footer{
    background-color: rgb(225, 57, 74);
    text-align: right;
    color: antiquewhite;
    margin: 2rem 0rem;
    padding: 1rem 0rem;
}