reorganisation des pages css et ajout du vrai texte pour litterall

styles/style.css

@@ -6,6 +6,7 @@
 @import url(./header.css);
 @import url(./footer.css);
 @import url(./images.css);
+@import url(./text.css);
 
 
 
@@ -21,32 +22,12 @@
 	--color-blue:			#51cee4;
 	--color-water:			#0c9cb5;
 
-	/* colors texts */
-	--color-texts:			rgb(1, 1, 1);
-	--color-texts-special:	rgb(1, 1, 1);
-
-	/* colors links */
-	--color-links:			rgb(120, 1, 1);
-	--color-links-hover:	rgb(120, 1, 1);
-	--color-links-visited:	rgb(120, 1, 1);
-	--color-links-active:	rgb(120, 1, 1);
-
-	/* colors titles */
-	--color-title-1:		rgb(120, 1, 1);
-	--color-title-2:		rgb(120, 1, 1);
-	--color-title-3:		rgb(120, 1, 1);
-	--color-title-4:		rgb(120, 1, 1);
-	--color-title-5:		rgb(120, 1, 1);
-	--color-title-6:		rgb(120, 1, 1);
-
 	/* colors buttons */
 	--primary-hue:			12;
 	--color-button:			hsl(var(primary-hue), 1%, 1%);
 
-	/* fonts */
-	--font-titles:			'paradroid';
-	--font-texts:			'louisgeorge';
-	--font-fallback:		'cabrion';
+	/*space between content and screen*/
+	--screen-gap:			5vw;
 }
 
 
@@ -61,8 +42,8 @@ body {
 	display: flex;
 	flex-direction: column;
 	margin: 0px;
-	padding: 1%;
-	width: calc(98%);
+	padding: var(--screen-gap);
+	width: calc(100% - 2 * var(screen-gap));
 }
 main {
 	min-height: calc(100vh - 70px);
@@ -83,47 +64,3 @@ main {
 }
 
 
-/*/////////////////////////////////////////////*/
-/*TEXTS*/
-h1, h2, h3, h4, h5, h6 {
-	font-family: var(--font-titles), var(--font-fallback), sans-serif;
-}
-a, p, li {
-	font-family: var(--font-texts), var(--font-fallback), sans-serif;
-}
-a, a > * {
-	cursor: pointer;
-}
-a, a:link {
-	color: var(--color-links);
-}
-a:visited {
-	color: var(--color-links-visited);
-}
-a:hover {
-	color: var(--color-links-hover);
-}
-a:active {
-	color: var(--color-links-active);
-}
-li *, li p, article b, article em,
-article i, article a, article var {
-	display: inline;
-}
-p, var {
-	color: var(--color-texts);
-}
-i {
-	font-style: italic;
-}
-b {
-	font-weight: 600;
-	color: var(--article-medium);
-}
-em {
-	font-weight: 600;
-	color: var(--article-em);
-}
-
-
-