h2{
    text-align: center;
}
article p{
    text-align: center;
}
.container{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	}
	.card{
	width: 100vw;
	margin-left: 1%;
	margin-right: 2%;
	width: 60em;
	margin: 25px;
	padding: 10px;
	display: flex;
	align-items: center;
	flex-direction: column;
	}
	.card-title{
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	}

	.card img{
		width: 25%;
	}
	#perso{
		background-color:  #58b595;
	}
	#Transparance{
		background-color: #7a58b5;
	}
	#valeur{
		background-color: #5887b5;
	}
    #dev{
        background-color: #bebebe;
    }
    .card a{
        text-decoration: none;
        text-align: center;
        background: #d3811a;
        color: white;
        padding: 10px;
    }
    .card a:hover{
        background-color: #cb8e41;
    }