#a-propos {

	display: flex;

	flex-direction: column;

	width: min(90%, 1200px);

	max-width: 1200px;

	margin: 0 auto;

	font-family: Noto Sans;

	gap: 2rem;

}



br {

	display: block;

	margin: 2.5px 0;

}



#me_presentation {

	display: flex;

	flex-direction: column;

	align-items: center;

	justify-content: center;

	text-align: center;

	padding: 2rem 0;

	gap: 1.5rem;

}



#profile_photo {

	display: flex;

	justify-content: center;

	width: 100%;

}



#profile_photo img {

	width: 200px;

	height: 200px;

	aspect-ratio: 1;

	object-fit: cover;

	transition: transform 0.3s ease, box-shadow 0.3s ease;

}



#profile_photo img:hover {

	transform: scale(1.05);

	box-shadow: 0 10px 30px rgba(0, 119, 229, 0.3);

}



#me {

	width: 100%;

	font-size: 3.5em;

	color: #8180f9;

	font-style: italic;

	margin-top: 0;

}



.rounded {

	border-radius: 20rem !important;

}



@media (max-width: 1100px) {

	#me {

		font-size: 3em;

	}

}



@media (max-width: 850px) {

	#me {

		font-size: 2.5em;

	}

	#profile_photo img {

		width: 150px;

		height: 150px;

	}

}



#me_competences .div_title {

	grid-column: 1 / -1;

}



#me_competences ul {

	list-style: none;

	display: flex;

	flex-direction: column;

	gap: 0.5rem;

}



#me_competences ul li:before {

	content: '✓';

	padding-right: 4px;

	color: #0077E5;

}



#me_competences ul li {

	line-height: 24px !important;

	transition: transform 0.2s ease, padding-left 0.2s ease;

}



#me_competences ul li:hover {

	transform: translateX(5px);

	padding-left: 5px;

}



#me_description {

	line-height: 1.8;

	padding: 2.5rem 3rem !important;

	font-size: 1.1em;

	color: rgba(255, 255, 255, 0.9);

	text-align: justify;

}



#me_description .div_title {

	margin-bottom: 1.5rem;

}



#me_description > *:not(.div_title) {

	margin-top: 0;

}



#me_studies ul {

	list-style: none;

	padding-bottom: 30px;

}



#me_studies ul li:before {

	content: '-';

	padding-right: 4px;

}



#me_studies ul li {

	line-height: 24px !important;

}



#me_training ul {

	list-style: none;

	padding-bottom: 30px;

}



#me_training ul li:before {

	content: '-';

	padding-right: 4px;

}



#me_training ul li {

	line-height: 24px !important;

}



#me_exp_pro ul {

	list-style: none;

	padding-bottom: 30px;

}



#me_exp_pro ul li:before {

	content: '-';

	padding-right: 4px;

}



#me_exp_pro ul li {

	line-height: 24px !important;

}



#me_exp_perso ul {

	list-style: none;

	padding-bottom: 30px;

}



#me_exp_perso ul li:before {

	content: '-';

	padding-right: 4px;

}



#me_exp_perso ul li {

	line-height: 24px !important;

}



#me_interets ul {

	list-style: none;

}



#me_interets ul li:before {

	content: '\25BA';

	padding-right: 4px;

	color: #0077E5;

}



#me_interets ul li {

	line-height: 24px !important;

	transition: transform 0.2s ease, padding-left 0.2s ease;

}



#me_interets ul li:hover {

	transform: translateX(5px);

	padding-left: 5px;

}



.div_title {

	font-size: 2.5em;

	text-align: center;

	display: block;

	padding-bottom: 20px;

	font-family: STIX Two Text;

	color: #9c9effb2;

	font-weight: bold;

	position: relative;

	transition: transform 0.3s ease, color 0.3s ease;

}



.div_title::before {

	content: '';

	position: absolute;

	left: -30px;

	top: 50%;

	transform: translateY(-50%);

	width: 0;

	height: 3px;

	background: linear-gradient(to right, #0077E5, #9c9eff);

	transition: width 0.3s ease;

}



.div_title::after {

	content: '';

	position: absolute;

	bottom: 10px;

	left: 50%;

	transform: translateX(-50%);

	width: 0;

	height: 3px;

	background: linear-gradient(to right, transparent, #0077E5, transparent);

	transition: width 0.5s ease;

}



.me_block:hover .div_title::before {

	width: 20px;

}



.me_block:hover .div_title::after {

	width: 300px;

}



.div_title:hover {

	transform: scale(1.05);

	color: #0077E5;

}



.li_title {

	font-size: 1.5em;

	font-family: STIX Two Text;

	padding-bottom: 5px;

	font-style: italic;

	color: #8180f9;

	transition: color 0.3s ease;

}



.li_title:hover {

	color: #0077E5;

}



.me_block {

	padding: 2rem;

	width: 100%;

	transition: transform 0.3s ease, box-shadow 0.3s ease;

	background: rgba(13, 18, 36, 0.5);

	border-radius: 12px;

	border: 1px solid rgba(156, 158, 255, 0.1);

}



.me_block:hover {

	transform: translateY(-5px);

	box-shadow: 0 8px 25px rgba(0, 119, 229, 0.2);

	border-color: rgba(156, 158, 255, 0.3);

}



.url_link {

	cursor: pointer;

	display: inline-block;

	background: linear-gradient(to right, var(--dl-color-theme-primary1) 50%, var(--dl-color-theme-neutral-dark) 50%);

	transition: background-position 300ms ease;

	font-weight: 600;

	background-clip: text;

	background-size: 200% 100%;

	background-position: 100%;

	-webkit-text-fill-color: transparent;

}



.url_link:hover {

  background-position: 0 100%;

}