.articles-container{
    display:flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: flex-start;
}   

.img-container{
  
    height: 28rem;
    background-size: cover;
    border-radius:50%;
}

.article{
    flex: 30%;
    margin: 1rem;
    min-height: 20rem;
    min-width: 30rem;
    cursor: pointer;
  

}


.blockindex  {
    border-radius: 3px;
    padding: 2rem;
    border: var(--border);
    background-color: var(--marron);
    box-shadow: var(--box-shadow);
  }

  .titrepage{
   display:flex;
 align-items: center;
 padding:1rem;
   margin:1rem;
  height:3em;
    background-color:var(--vert);
    border-radius:5px;
  }

  a:hover{
    background-color: var(--vert);
  }