From 8b75c435198959ca890a871742c858d440e7ffc4 Mon Sep 17 00:00:00 2001
From: hugogogo <hugogogo@protonmail.com>
Date: Wed, 13 Jan 2021 14:56:41 +0100
Subject: [PATCH] test

---
 styles/fonts.css |  54 ++++++++++++++++++
 styles/reset.css |  59 ++++++++++++++++++++
 styles/style.css | 142 +++++------------------------------------------
 3 files changed, 127 insertions(+), 128 deletions(-)
 create mode 100644 styles/fonts.css
 create mode 100644 styles/reset.css

diff --git a/styles/fonts.css b/styles/fonts.css
new file mode 100644
index 0000000..0181160
--- /dev/null
+++ b/styles/fonts.css
@@ -0,0 +1,54 @@
+
+/*////////////////////////////////////////////////////*/
+/*FONTS*/
+@font-face {
+	font-family: 'cabrion';
+	src:	url('../fonts/cabrion/cabrion-light.woff2') format('woff2'),
+			url('../fonts/cabrion/cabrion-light.woff') format('woff');
+			url('../fonts/cabrion/cabrion-light.otf') format('opentype');
+}
+@font-face {
+	font-family: 'paradroid';
+	src:	url('../fonts/paradroid/paradroidmono-light.woff2') format('woff2'),
+			url('../fonts/paradroid/paradroidmono-light.woff') format('woff');
+			url('../fonts/paradroid/paradroidmono-light.ttf') format('truetype');
+}
+@font-face {
+	font-family: 'louisgeorge';
+	src:	url('../fonts/louisgeorge/louis_george_cafe.woff2') format('woff2'),
+			url('../fonts/louisgeorge/louis_george_cafe.woff') format('woff');
+			url('../fonts/louisgeorge/louis_george_cafe.ttf') format('truetype');
+}
+@font-face {
+	font-family: 'louisgeorge_bold';
+	src:	url('../fonts/louisgeorge/louis_george_cafe_bold.woff2') format('woff2'),
+			url('../fonts/louisgeorge/louis_george_cafe_bold.woff') format('woff');
+			url('../fonts/louisgeorge/louis_george_cafe_bold.ttf') format('truetype');
+}
+@font-face {
+	font-family: 'louisgeorge_bolditalic';
+	src:	url('../fonts/louisgeorge/louis_george_cafe_bold_italic.woff2') format('woff2'),
+			url('../fonts/louisgeorge/louis_george_cafe_bold_italic.woff') format('woff');
+			url('../fonts/louisgeorge/louis_george_cafe_bold_italic.ttf') format('truetype');
+}
+@font-face {
+	font-family: 'louisgeorge_italic';
+	src:	url('../fonts/louisgeorge/louis_george_cafe_italic.woff2') format('woff2'),
+			url('../fonts/louisgeorge/louis_george_cafe_italic.woff') format('woff');
+			url('../fonts/louisgeorge/louis_george_cafe_italic.ttf') format('truetype');
+}
+@font-face {
+	font-family: 'louisgeorge_light';
+	src:	url('../fonts/louisgeorge/louis_george_cafe_light.woff2') format('woff2'),
+			url('../fonts/louisgeorge/louis_george_cafe_light.woff') format('woff');
+			url('../fonts/louisgeorge/louis_george_cafe_light.ttf') format('truetype');
+}
+@font-face {
+	font-family: 'louisgeorge_lightitalic';
+	src:	url('../fonts/louisgeorge/louis_george_cafe_light_italic.woff2') format('woff2'),
+			url('../fonts/louisgeorge/louis_george_cafe_light_italic.woff') format('woff');
+			url('../fonts/louisgeorge/louis_george_cafe_light_italic.ttf') format('truetype');
+}
+/*FONTS*/
+/*////////////////////////////////////////////////////*/
+
diff --git a/styles/reset.css b/styles/reset.css
new file mode 100644
index 0000000..71f4d70
--- /dev/null
+++ b/styles/reset.css
@@ -0,0 +1,59 @@
+
+/*/////////////////////////////////////////////*/
+/*RESET*/
+body *:not(script) {
+	display: block;
+}
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, font, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	outline: 0;
+	font-weight: inherit;
+	font-style: inherit;
+	font-size: 100%;
+	font-family: inherit;
+	vertical-align: baseline;
+	text-decoration: none;
+}
+:focus {
+	outline: 0;
+}
+body {
+	line-height: 1;
+	color: black;
+	background: white;
+}
+ol, ul {
+	list-style: none;
+}
+/* tables still need 'cellspacing="0"' in the markup */
+table {
+	border-collapse: separate;
+	border-spacing: 0;
+}
+caption, th, td {
+	text-align: left;
+	font-weight: normal;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+	content: "";
+}
+blockquote, q {
+	quotes: "" "";
+}
+* {
+	cursor: default;
+}
+/*RESET*/
+/*/////////////////////////////////////////////*/
+
+
diff --git a/styles/style.css b/styles/style.css
index 9f1c4f5..08b3932 100644
--- a/styles/style.css
+++ b/styles/style.css
@@ -1,128 +1,7 @@
-/*
-@import url(./path/to/sheet.css);
-*/
-
-
-
-
-
-/*/////////////////////////////////////////////*/
-/*RESET*/
-body *:not(script) {
-	display: block;
-}
-html, body, div, span, applet, object, iframe,
-h1, h2, h3, h4, h5, h6, p, blockquote, pre,
-a, abbr, acronym, address, big, cite, code,
-del, dfn, em, font, img, ins, kbd, q, s, samp,
-small, strike, strong, sub, sup, tt, var,
-dl, dt, dd, ol, ul, li,
-fieldset, form, label, legend,
-table, caption, tbody, tfoot, thead, tr, th, td {
-	margin: 0;
-	padding: 0;
-	border: 0;
-	outline: 0;
-	font-weight: inherit;
-	font-style: inherit;
-	font-size: 100%;
-	font-family: inherit;
-	vertical-align: baseline;
-	text-decoration: none;
-}
-:focus {
-	outline: 0;
-}
-body {
-	line-height: 1;
-	color: black;
-	background: white;
-}
-ol, ul {
-	list-style: none;
-}
-/* tables still need 'cellspacing="0"' in the markup */
-table {
-	border-collapse: separate;
-	border-spacing: 0;
-}
-caption, th, td {
-	text-align: left;
-	font-weight: normal;
-}
-blockquote:before, blockquote:after,
-q:before, q:after {
-	content: "";
-}
-blockquote, q {
-	quotes: "" "";
-}
-* {
-	cursor: default;
-}
-/*RESET*/
-/*/////////////////////////////////////////////*/
-
-
-
-
-
-
-
-/*////////////////////////////////////////////////////*/
-/*FONTS*/
-@font-face {
-	font-family: 'cabrion';
-	src:	url('../fonts/cabrion/cabrion-light.woff2') format('woff2'),
-			url('../fonts/cabrion/cabrion-light.woff') format('woff');
-			url('../fonts/cabrion/cabrion-light.otf') format('opentype');
-}
-@font-face {
-	font-family: 'paradroid';
-	src:	url('../fonts/paradroid/paradroidmono-light.woff2') format('woff2'),
-			url('../fonts/paradroid/paradroidmono-light.woff') format('woff');
-			url('../fonts/paradroid/paradroidmono-light.ttf') format('truetype');
-}
-@font-face {
-	font-family: 'louisgeorge';
-	src:	url('../fonts/louisgeorge/louis_george_cafe.woff2') format('woff2'),
-			url('../fonts/louisgeorge/louis_george_cafe.woff') format('woff');
-			url('../fonts/louisgeorge/louis_george_cafe.ttf') format('truetype');
-}
-@font-face {
-	font-family: 'louisgeorge_bold';
-	src:	url('../fonts/louisgeorge/louis_george_cafe_bold.woff2') format('woff2'),
-			url('../fonts/louisgeorge/louis_george_cafe_bold.woff') format('woff');
-			url('../fonts/louisgeorge/louis_george_cafe_bold.ttf') format('truetype');
-}
-@font-face {
-	font-family: 'louisgeorge_bolditalic';
-	src:	url('../fonts/louisgeorge/louis_george_cafe_bold_italic.woff2') format('woff2'),
-			url('../fonts/louisgeorge/louis_george_cafe_bold_italic.woff') format('woff');
-			url('../fonts/louisgeorge/louis_george_cafe_bold_italic.ttf') format('truetype');
-}
-@font-face {
-	font-family: 'louisgeorge_italic';
-	src:	url('../fonts/louisgeorge/louis_george_cafe_italic.woff2') format('woff2'),
-			url('../fonts/louisgeorge/louis_george_cafe_italic.woff') format('woff');
-			url('../fonts/louisgeorge/louis_george_cafe_italic.ttf') format('truetype');
-}
-@font-face {
-	font-family: 'louisgeorge_light';
-	src:	url('../fonts/louisgeorge/louis_george_cafe_light.woff2') format('woff2'),
-			url('../fonts/louisgeorge/louis_george_cafe_light.woff') format('woff');
-			url('../fonts/louisgeorge/louis_george_cafe_light.ttf') format('truetype');
-}
-@font-face {
-	font-family: 'louisgeorge_lightitalic';
-	src:	url('../fonts/louisgeorge/louis_george_cafe_light_italic.woff2') format('woff2'),
-			url('../fonts/louisgeorge/louis_george_cafe_light_italic.woff') format('woff');
-			url('../fonts/louisgeorge/louis_george_cafe_light_italic.ttf') format('truetype');
-}
-/*FONTS*/
-/*////////////////////////////////////////////////////*/
-
-
+@import url(./reset.css);
+@import url(./fonts.css);
+@import url(./header.css);
+@import url(./footer.css);
 
 
 
@@ -130,10 +9,17 @@ blockquote, q {
 /*/////////////////////////////////////////////*/
 /*GLOBAL VARIABLE*/
 :root {
-	/* colors */
+	/* colors texts */
 	--color-texts:		rgb(1, 1, 1);
-	--color-links:		rgb(1, 1, 1);
 
+	/* colors links */
+	--color-links:		rgb(120, 1, 1);
+
+	/* colors buttons */
+	--primary-hue:		12;
+	--color-button:		hsl(var(primary-hue), 1%, 1%);
+
+	/* color range */
 	--color-purple:		#ee1998;
 	--color-pink:		#ff7bca;
 	--color-green:		#8fce3c;
@@ -175,7 +61,7 @@ a, p, li {
 a, a > * {
 	cursor: pointer;
 }
-article a {
+a, a:visited, a:hover, a:link {
 	color: var(--color-links);
 }
 li *, li p, article b, article em,