From 6b585f4312e3335838dec2499129ea35de165a80 Mon Sep 17 00:00:00 2001
From: hugogogo <hugogogo@protonmail.com>
Date: Sat, 27 Feb 2021 16:57:10 +0100
Subject: [PATCH] ajout reglages rem et em en cours

---
 styles/global.css    |  3 ++-
 styles/litterall.css |  4 ++--
 styles/style.css     |  8 ++------
 styles/text.css      | 19 ++++++++++++++-----
 4 files changed, 20 insertions(+), 14 deletions(-)

diff --git a/styles/global.css b/styles/global.css
index 2ddd521..ecd4945 100644
--- a/styles/global.css
+++ b/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;
 }
 
diff --git a/styles/litterall.css b/styles/litterall.css
index 7abb2b5..f453008 100644
--- a/styles/litterall.css
+++ b/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;
 }
diff --git a/styles/style.css b/styles/style.css
index 5ef3790..6cb1d2c 100644
--- a/styles/style.css
+++ b/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);
diff --git a/styles/text.css b/styles/text.css
index 4920ade..719db18 100644
--- a/styles/text.css
+++ b/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;
+}