* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	font-family: arial;
	font-size: 0.96rem;
	line-height: 1.3em;
}

@page {
	size: A4 portrait;
}


body {
	background-color: #EEEEEE;
}

#content {
	display: grid;
	grid-template-columns: 30% 70%;
	width: 21cm;
	height: 29.7cm;
	background-color: #FFFFFF;

}

img {
	width: 1.8cm;
}


header {
	grid-column: 1 / span 2;
	display: grid;
	grid-template-columns: 25% auto 25%;
	grid-template-rows: auto;
	
	& #photo {
		grid-column: 1;
		width: 100%;
		text-align: center;
		
		img {
			width: 65%;
		}
		
	}
	
	& h1 {
		font-size: 2rem;
	}
	& h2 {
		font-size: 1.8rem;
	}
}


#contact {
	img {
		display: block;
		witdh: 100%;
		margin: 0.2cm auto;
	}
	text-align: center;
}



.date {
	font-size: 1.1em;
	&::before {
		content: "📅 ";
	}
}


aside {
	grid-column: 1;
	max-height: 15%;
	padding-left: 0.3em;
	article {
		padding-top: 2em;
		padding-bottom: 2em;
	}
}

#chronology {
	--section-color : rgb(0,81,114);
	grid-column: 2;
}
h2 {
color: var(--section-color);
}

article {
	/*background-image: linear-gradient(to left, var(--section-color), white, white);*/
	border-radius: 15px;
	border: 1px solid var(--section-color);
	box-shadow: 5px 5px 5px var(--section-color);
	display: grid;
	grid-template-columns: 3cm 30% auto;

	grid-template-rows: auto auto auto auto auto;
	margin: 1rem 1rem;;
	padding: 0.1em 1em;

	& img {
		display: block;
		grid-column: 1;
		grid-row: 2 / span 2;
	}
	& h2, & .date {
	color: var(--section-color);
	}
	
	& h3 {
		grid-column: 2 / span 2;
		grid-row: 2;
		margin-bottom: 0.3rem;
	}
	
	& h4/*, & .place*/ {
		/*display: block;*/
		grid-column: 3 / span 1;
		grid-row: 2;
		margin-bottom: 0.5rem;
		text-align: right;
		/*border: 1px solid blue;*/
		
	}
	
	& .place {
		font-weight: normal;
		display: block;
		/*margin-left: 2em;*/
	}
	& .date {
		display: block;
		grid-column: 1 / span 2;
		grid-row: 1;
		text-align: left;
		margin: 0 0 0.8rem 3rem; 
		font-style: normal;
		font-weight: bold;
	}
	& h5, & ul {
		grid-column: 1 / span 3;
	}
	& h5 {
		grid-row: 4;
		/*grid-column: 1;*/
		text-align: left;
	}
	& ul {
		grid-row: 5;
		padding-left: 1.5rem;
	}
	
	&:nth-of-type(n+3) {
		font-size: 0.8em;
		& h3, & h4 {
			font-size: 0.9em;
		}
		& img {
			width: 1.5cm;
		}
	}
}

.before {
		display: block;
		font-size: 0.8em;
		& em, & h3, & h3, & ul {
			display: inline;
			/*grid-column: 1 / span 3;*/
		}
	}
	
#education {
	grid-column: 2;
	--section-color : rgb(81,114,0);

}

aside {
	/*grid-column: 1;*/
}
/*
#miscellaneous, #others {
	padding-top: 2em;
	padding-bottom: 2em;
}
*/
#others {
	--section-color: rgb(114,0,81);
	article {
		display: block;
	}
	img {
		display: inline;
		width: 1em;
	}
}
#miscellaneous {
	margin-top: 2em;
	margin-bottom: 2em;
	--section-color: rgb(114,81,0);
	article {
		display: block;
	}
}
#link-to-pdf {
	width: fit-content;
	margin: 3em auto;
}