resolved pbm of margin in title section, it was because of the min function in font size

styles/elements/cv.css

@@ -1,5 +1,6 @@
 
 #cv {
+	place-items: center;
 }
 
 #cv h1,
@@ -20,6 +21,8 @@
 	/*
 	*/
 	margin-left: var(--list-padding);
+	width: fit-content;
+	margin: auto;
 }
 #cv summary + * {
 	margin-top: 10px;

styles/elements/sections.css

@@ -1,5 +1 @@
-section {
-	justify-self: center;
-	margin: 50px 20px;
-}
 

styles/elements/title.css

@@ -1,8 +1,8 @@
 
-#role_title #name {	
+#name {	
 	margin:30px 0px 40px 0px;
 }
-#role_title #title {	
+#title {	
 	margin:30px 0px 40px 0px;
 }
 

styles/style.css

@@ -2,10 +2,8 @@ html {
 	font-size: 62.5%;
 }
 :root {
-	--small-space: 10px;
-	--medium-space: calc(var(--small-space) * 3);
-	--big-space: calc(var(--small-space) * 10);
 	--list-padding: 10px;
+	--section_side_margin: 20px;
 }
 body {
 	overflow-x: hidden;
@@ -21,6 +19,10 @@ script, style {
 pre {
 	margin: 10px 0px;
 }
+section {
+	justify-self: center;
+	margin: 50px var(--section_side_margin);
+}
 
 
 /*
@@ -42,7 +44,7 @@ pre {
 #banner_7        { grid-area: banner_7;}
 #banner_8        { grid-area: banner_8;}
 
-body {
+#body {
 	/*
 	*/
 	display: grid;

styles/text.css

@@ -36,7 +36,9 @@ h3 { margin: 20px 0px; font-size: 1.75rem; }
 h4 { margin: 20px 0px; font-size: 1.5rem; }
 h5 { margin: 10px 0px; font-size: 1.25rem; }
 h6 { margin: 10px 0px; font-size: 1.0rem; }
+
 pre {
 	line-height: 0.8;
-	font-size: min(2.2vw, 1.0rem);
+	font-size: min(2.1vw, 1.0rem);
 }
+