ajout de quelques regles generales de css, encore messy

styles/global.css

@@ -0,0 +1,39 @@
+/*/////////////////////////////////////////////*/
+/*GLOBAL VARIABLE*/
+:root {
+}
+
+/*elements are flex, vertical, and to the left, by default*/
+body *:not(script) {
+	display: flex;
+	flex-direction: column;
+	margin: 20px 0px;
+}
+/*default*/
+.vertical {
+	display: flex;
+	flex-direction: column;
+}
+.vertical > * {
+	margin: 20px 0px;
+}
+.left > * {
+	margin-left: 0px;
+}
+/*special*/
+.horizontal {
+	flex-direction: row;
+}
+.horizontal > * {
+	margin: 0px 20px;
+}
+.right {
+	margin-right: 0px;
+	margin-left: auto;
+	text-align: right;
+}
+.center {
+	margin: auto;
+	text-align: center;
+}
+

styles/reset.css

@@ -1,9 +1,15 @@
 
 /*/////////////////////////////////////////////*/
 /*RESET*/
+/*
 body *:not(script) {
 	display: block;
 }
+*/
+body *:not(script) {
+	display: flex;
+	flex-direction: column;
+}
 html, body, div, span, applet, object, iframe,
 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 a, abbr, acronym, address, big, cite, code,

styles/style.css

@@ -2,11 +2,12 @@
 /*/////////////////////////////////////////////*/
 /*IMPORT CSS*/
 @import url(./reset.css);
+@import url(./global.css);
 @import url(./fonts.css);
+@import url(./text.css);
 @import url(./header.css);
 @import url(./footer.css);
 @import url(./images.css);
-@import url(./text.css);
 
 
 
@@ -31,36 +32,17 @@
 }
 
 
-
-
 /*/////////////////////////////////////////////*/
-/*GENERAL SETTINGS*/
+/*INITIAL SETTINGS*/
 html {
 	scroll-behavior: smooth;
+	font-size: 10px;
 }
+/*to keep a blank space between the content and the edges of the page*/
 body {
-	display: flex;
-	flex-direction: column;
-	margin: 0px;
 	padding: var(--screen-gap);
 	width: calc(100% - 2 * var(screen-gap));
 }
 main {
 	min-height: calc(100vh - 70px);
 }
-.horizontal {
-	display: flex;
-	flex-direction: row;
-}
-.horizontal > * {
-	margin: 20px;
-}
-.vertical {
-	display: flex;
-	flex-direction: column;
-}
-.vertical > * {
-	margin: 20px 0px;
-}
-
-

styles/text.css

@@ -40,22 +40,37 @@ a:active {
 p, var {
 	color: var(--color-texts);
 }
+/*sizes*/
+p {
+	font-size: 1.8rem;
+	line-height: 3rem;
+}
+h1 {
+	font-size: 2.5rem;
+}
+h2 {
+	font-size: 2rem;
+}
+.mini_text {
+	font-size: 1.5rem;
+}
 /*specials settings*/
+body p, body p *, body h1, body h1 *, body h2, body h2 * {
+	display: inline;
+}
 a, a > * {
 	cursor: pointer;
 }
-li *, li p, article b, article em,
+li *, li p, b, em, i, a, var, span {
-article i, article a, article var {
 	display: inline;
 }
 i {
 	font-style: italic;
 }
-b {
+b, em {
 	font-weight: 600;
-	color: var(--article-medium);
 }
-em {
+p br, h1 br, h2 br {
-	font-weight: 600;
+	margin: 0px;
-	color: var(--article-em);
 }
+