solve some pbm with font size

index.html

@@ -40,7 +40,7 @@
 		<!--
 			PROJECTS
 		-->
-		<section id="projects" data-flex="vertical stretch parent">
+		<section id="projects" data-flex="vertical stretch">
 			<h1 title="projets" data-flex="horizontal parent center wrap">
 <pre aria-hidden="true">
          
@@ -95,7 +95,7 @@
 			<h2 id="cv_download" data-flex="center"><a href="downloads/hugo_lamy_2023_cv.pdf" download>version pdf</a></h2>
 			<details>
 				<summary>
-					<h2>Formations informatique</h2>
+					<h3>Formations informatique</h3>
 				</summary>
 				<ul>
 					<li>École 42, Paris, 2021-2022, tronc commun - niveau 10 (C, C++, système, algorithime, réseaux)</li>
@@ -104,7 +104,7 @@
 			</details>
 			<details>
 				<summary>
-					<h2>Projets informatique</h2>
+					<h3>Projets informatique</h3>
 				</summary>
 				<ul>
 					<li>Full-stack, reprise d’un site d’artistes en php, <a href="https://www.bloc-house.org" target="_blank" rel="noopener noreferrer"></a>, 2021</li>
@@ -114,7 +114,7 @@
 			</details>
 			<details>
 				<summary>
-					<h2>Outils informatiques</h2>
+					<h3>Outils informatiques</h3>
 				</summary>
 				<ul>
 					<li>Langages : C, HTML, CSS, C++, JavaScript, script bash, PHP, Svelte, TypeScript</li>
@@ -124,7 +124,7 @@
 			</details>
 			<details>
 				<summary>
-					<h2>Bénévolat</h2>
+					<h3>Bénévolat</h3>
 				</summary>
 				<ul>
 					<li>Formateur contraception testiculaire, ZEROMILLIONS, Paris, France, 2021-2023</li>
@@ -134,7 +134,7 @@
 			</details>
 			<details>
 				<summary>
-					<h2>Études d’architecture</h2>
+					<h3>Études d’architecture</h3>
 				</summary>
 				<ul>
 					<li>Master 1, ENSAPM, ESA, ENSAV, île-de-france, France, 2008-2014</li>
@@ -143,7 +143,7 @@
 			</details>
 			<details>
 				<summary>
-					<h2>Centres d'intérêts</h2>
+					<h3>Centres d'intérêts</h3>
 				</summary>
 				<ul>
 					<li>Vélo : longs voyages à vélo, construction de vélos retro-directs</li>

styles/elements/cv.css

@@ -20,7 +20,7 @@
 	margin: 10px 0px;
 }
 #cv details ul {
-	padding-left: 35px;
+	padding-left: 53px;
 }
 #cv summary + * {
 	margin-top: 10px;

styles/style.css

@@ -1,7 +1,9 @@
-html {
-	font-size: 62.5%;
-}
+
 :root {
+	--base_font_size: 62.5%;
+}
+html {
+	font-size: var(--base_font_size);
 }
 body {
 	overflow-x: hidden;

styles/text.css

@@ -15,13 +15,13 @@ body, pre {
 	font-style: normal;
 }
 @media screen and (min-width: 500px) {
-	body, pre {
-		font-size: 1.8rem;
+	html {
+		font-size: calc(var(--base_font_size) * 1.2);
 	}
 }
 ul {
 	display: block;
-	list-style-type: "•  ";
+	list-style-type: "• ";
 	padding-left: 20px;
 	/*
 	list-style-position: inside;
@@ -32,7 +32,7 @@ li {
 	display: list-item;
 }
 li::marker {
-	font-size: 1.2rem;
+	font-size: 1.8rem;
 }
 details summary {
 	/*