/* mon fichier css de l'exercice 2 */



body{
		background-image: url(graphique.jpg);
		
}

#roundedImage{
	overflow: hidden; 
	-webkit-border-radius:100px;
	-moz-border-radius:100px;
	border-radius:100px;
	width: 200px;
	height: 220px;


}

#entete img{
			width: 390px;
			height:250px;
			display: block;
			margin-left: auto;
			margin-right: auto;
		}

#entete{

	text-align: center;
}

#titre{
	margin-top: 30px;
	background-color:#CCDDDD;
	text-align: center;

}


#footer{
	margin-left: 30px;
}

.competence{
	text-align: center;
	border:1px solid #000;

}
.experiences{
	margin-left: 30px;
}
.formation{
	
	margin-left: 30px;
	justify-content: space-around;
}
.boxes{
	height:180px;
	border:1px solid #000;
	text-align: center;
	margin-top:50px;
	background-color: white;

}
.contact{
	margin-left: 30px;
}



h1 {
	color:black;
	font-size: 50px;
	text-align:center;
	font-family: 'Kite One', sans-serif;
}

h2{
	color: teal;
	font-family: 'Amatic SC', cursive;
	font-size: 40px;

}

h3{
	font-family: 'Kite One', sans-serif;
	text-align: center;
	color: black
}

h4 {
	font-family: 'Kite One', sans-serif;
	text-align: center;
	color:grey ;
	font-size: 14px;

}
h5{
	font-size: 18px;

}

li{
			font-size: 20px;
		}

.fa-facebook-square:hover {
	color: #3b5998;
}

.fa-instagram-square:hover {
	color: #c13584;
}
.fa-twitter-square:hover {
	color: #00acee;
}