ajout de quelques regles generales de css, encore messy

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;
-}
-
-