*{
	border: 1px solid #0000;
	margin: 0;
}

body{
	font-family: Arial, sans-serif;
	
	margin: 0;
	background: #959595;
}

.resume{
	/*margin: 40px auto;*/
	/*line-height: 1.5em;*/

	background: #a5a5a5;
	display: flex;
	flex-direction: columns; 
	color: #222;


	width: 210mm;
	height: 297mm;
	box-sizing: border-box;
}

aside{
	font-size: .9em;
	width: 30%;
	line-height: 1.34em;
	background: #f0f0f0;
}

aside> div:first-of-type{  /* ICON PROFIL */
	margin-top: 1em;
	display: flex;
	justify-content: center;
}

aside> h2:first-of-type{
	text-align: center;
	padding: 0 0 .5em 0;

	background: linear-gradient(to right, transparent 40%, #444 40%, #444 60%, transparent 60%)
	bottom / 100% 0.3em no-repeat;	
	
}


aside> h2{
	font-size: 1.2em;
	font-weight: 100;
	letter-spacing: .2em;

	margin:.3em 0;
	padding: 0 0 .5em .8em;

	color: #444;
	
	background: linear-gradient(to right, transparent 10%, #444 10%, #444 30%, transparent 30%)
	bottom / 100% 0.3em no-repeat;	
}

aside> p{
	text-align: center;
	margin-bottom: 2em;
	margin-left: 1em;
}

aside> ul {

	margin-bottom: .5em;
	list-style-type: square;		
}


.background{
	width: 70%;
	background: #fff;
}


.background> header{
	height: 6em;
}

h1{
	font-size: 3.2rem;
	font-weight: 200;
	margin: .2em .8em;
	color: #000;
}

.title{
	font-size: 1.2rem;
	letter-spacing: .5em;
	text-align: center;
	font-weight: 400;

	margin-top: -.4em;

	color: #222;
}

.background> h2{
	font-size: 1.2em;
	letter-spacing: .2em;

	margin: .2em 0;
	padding-bottom: .5em;

	color: #444;
	
	background: linear-gradient(to right, #444 15%, transparent 15%)
	bottom / 100% 0.3em no-repeat;
}

h3{
	font-size: .8em;
}

.block-resume{
	display: flex;
	flex-‏directon: colums;
}


.time_place{
	font-size:.68em;
	line-height: 1.2em;
	padding-top:.5em;
	width: 15%;
}

.time_place> p:last-of-type{
	color:#444;
}

.text{
	width: 85%;
}

.text> ul{
	font-size: .8em;
	margin-right: 1em;
	margin-left: -2.2em;

	line-height: 1.4em;
}

.block-resume-1> h3{
	margin-bottom: -.2em;
}

.block-resume-1> small{
	font-size:.68em;
	margin-left: .4em;
}

.block-resume-1> ul{
	font-size: .8em;
	line-height: 1.2em;
	margin-right: 1em;
}


				/*EMOJIES ON CONTACT LIST*/


@counter-style info{
	system: cyclic;
	symbols: "📍 " "📧" "📱 " "🚘";
	suffix: "  ";
}					/*📍 📧📨📩 📱📲 🚗🚘*/


aside> ul:first-of-type{
	font-size: .95em;
	list-style-type: info;
	line-height: 1.6em;

	margin-left: .5em;
}



aside> ul:first-of-type> li{
	padding-left: 1.4em;
	text-indent: -1.2em;
}




				/* MEDIA QUERIES */
@page {
	size: A4;
	margin: 0;
}
@media print {
	body{
		margin: 0;
	}
	.resume{
		page-break-after: always;
	}
}