body {
	background-image: url("./img/bg.png");
	font-family: 'Buda', sans-serif;
	text-align: center;
	color: white;
}
h1, h2 {
	color: white;
	text-transform : uppercase;
	letter-spacing: 15px;
}
h1 {
	margin: 3%;
}
hr.CVsep {
	margin-bottom: 20px;
}
hr {
	background-image: -moz-linear-gradient(left center , rgba(0, 0, 0, 0), white, rgba(0, 0, 0, 0));
	border: 0 none;
	height: 1px;
}

.holder .avatar {
	display: inline-block;
	width: 10%;
	margin: 1% 2%;
}
.holder a {
	display: block;
	width: 75%;
}
.avatar a svg {
	width: 100%;
	border-radius: 5%;
}


/* Halo lumineux */
.avatar a {
	position: relative;
}
.avatar a::before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	display: block;
	content: '';
	width: 0;
	height: 0;
	background: rgba(255,255,255,.2);
	border-radius: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
}
.avatar a:hover::before {
	-webkit-animation: circle .75s;
	animation: circle .75s;
}
@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}
@keyframes circle {
	0% {
		opacity: 1;
	}
	40% {
		opacity: 1;
	}
	100% {
		width: 200%;
		height: 200%;
		opacity: 0;
	}
}