texte menu en vrac

styles/style.css

@@ -127,7 +127,6 @@ blockquote, q {
 
 
 
-
 /*/////////////////////////////////////////////*/
 /*GLOBAL VARIABLE*/
 :root {
@@ -135,9 +134,16 @@ blockquote, q {
 	--color-texts:		rgb(1, 1, 1);
 	--color-links:		rgb(1, 1, 1);
 
+	--color-purple:		#ee1998;
+	--color-pink:		#ff7bca;
+	--color-green:		#8fce3c;
+	--color-yellow:		#e3e00a;
+	--color-blue:		#51cee4;
+	--color-water:		#0c9cb5;
+
 	/* fonts */
-	--font-titles:		'louisgeorge';
-	--font-texts:		'paradroid';
+	--font-titles:		'paradroid';
+	--font-texts:		'louisgeorge';
 	--font-fallback:	'cabrion';
 }
 /*GLOBAL VARIABLE*/
@@ -193,6 +199,7 @@ em {
 
 
 #main {
+	position: relative;
 	height: 100vh;
 	width: 100vw;
 }
@@ -206,3 +213,40 @@ img {
 .cover {
 	object-fit: cover;
 }
+
+.link-index {
+	position: absolute;
+	display: flex;
+}
+.dot-link {
+	width: 30px;
+	height: 30px;
+	margin: auto;
+	margin-right: 10px;
+	border-radius: 50%;
+}
+.menu-link {
+	margin: auto;
+}
+.container-link-asso {
+	top: 100px;
+	left: 200px;
+}
+.dot-link-asso {
+	background-color: var(--color-purple);
+}
+.container-link-litterall {
+	top: 300px;
+	left: 600px;
+}
+.dot-link-litterall {
+	background-color: var(--color-green);
+}
+.container-link-lettredeeda {
+	top: 600px;
+	left: 900px;
+}
+.dot-link-lettredeeda {
+	background-color: var(--color-blue);
+}
+