*{
	font-family: 'Permanent Marker', cursive;
}

.backgroundmedaillon{
	background-color:pink;
	width:230px;
	height:230px;
	float:left;
	
	
}

.facemedaillon{
	
	position:relative;
	top:30;
	left:30;
	width:170px;
	height:170px;
	border:0px solid black;	
	border-radius:50%;
	background-image: url("../images/me.jpg");
	background-size:cover;
	box-sizing: border-box;
	
	box-shadow: 0px 0px 0px 5px black,
				0px 0px 0px 10px yellow,
				0px 0px 0px 15px red;
	
}
.title{
	width:calc(100% - 230px);
	height:230px;
	background-color:pink;
	display:inline-block;
	padding-top:80px;
	padding-right:20px;
	font-size:50px;
	font-weight:bolder;
	text-align:center;
	box-sizing:border-box;	
	
}