ajout reglages rem et em en cours

styles/global.css

@@ -34,7 +34,8 @@ body *:not(script) {
 	text-align: right;
 }
 .center {
-	margin: auto;
+	margin-right: auto;
+	margin-left: auto;
 	text-align: center;
 }
 

styles/litterall.css

@@ -1,5 +1,5 @@
 .aside_left {
-	width: 600px;
-	padding: 0px 20px;
+	min-width: 200px;
+	padding: 0px 20px 0px 0px;
 	border-right: 1px solid lightgray;
 }

styles/style.css

@@ -26,9 +26,6 @@
 	/* colors buttons */
 	--primary-hue:			12;
 	--color-button:			hsl(var(primary-hue), 1%, 1%);
-
-	/*space between content and screen*/
-	--screen-gap:			5vw;
 }
 
 
@@ -38,10 +35,9 @@ html {
 	scroll-behavior: smooth;
 	font-size: 10px;
 }
-/*to keep a blank space between the content and the edges of the page*/
+/*to keep a blank space between the content and the top of the page*/
 body {
-	padding: var(--screen-gap);
-	width: calc(100% - 2 * var(screen-gap));
+	margin-top: 100px;
 }
 main {
 	min-height: calc(100vh - 70px);

styles/text.css

@@ -41,18 +41,24 @@ p, var {
 	color: var(--color-texts);
 }
 /*sizes*/
+aside {
+	font-size: .8rem;
+}
+main {
+	font-size: 1rem;
+}
 p {
-	font-size: 1.8rem;
-	line-height: 3rem;
+	font-size: 1.8em;
+	line-height: 1.5em;
 }
 h1 {
-	font-size: 2.5rem;
+	font-size: 2.5em;
 }
 h2 {
-	font-size: 2rem;
+	font-size: 2em;
 }
 .mini_text {
-	font-size: 1.5rem;
+	font-size: 0.8em;
 }
 /*specials settings*/
 body p, body p *, body h1, body h1 *, body h2, body h2 * {
@@ -73,4 +79,7 @@ b, em {
 p br, h1 br, h2 br {
 	margin: 0px;
 }
+h1 {
+	margin-bottom: 20px;
+}