Edit jeu.html

front/style/easter eggs

@@ -0,0 +1,4 @@
+Liste des easter eggs :
+
+- Joyeux noël écologique ! : Répondez juste à toutes les questions du quizz
+		et une nouvelle page s'ouvre.

front/style/jeu.css

@@ -93,14 +93,18 @@ section a {
     /*background-image: url('');*/
 }
 
-.answer {
-    margin-top: 50vh;
-    text-align: center;
+.text-overlay {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    font-size: 24px;
     font-family: 'inter', sans-serif;
     font-weight: 400;
-    font-size: 40px;
-    text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
+    text-align: center;
+    padding: 10px;
     color: white;
+
 }
 
 .question {
@@ -108,8 +112,6 @@ section a {
     top: 0;
     left: 50%;
     transform: translateX(-50%);
-
-
     background-color: #FFF1DD;
     box-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);
     border-radius: 10px;
@@ -122,14 +124,14 @@ section a {
 .question h2 {
     font-family: 'inter', sans-serif;
     font-weight: 400;
-    font-size: 40px;
+    font-size: 35px;
     color: black;
     margin: 0;
 }
 
 .question p {
     font-family: 'Manrope', sans-serif;
-    font-size: 20px;
+    font-size: 25px;
     color: black;
 }
 

front/style/main.css

@@ -17,7 +17,8 @@ main {
 }
 
 h1 {
-    font-family: 'Manrope', extrabold;
+    font-family: 'Manrope', sans-serif;
+    font-weight: 400;
     font-size: 64px;
     color: white;
     text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
@@ -25,14 +26,16 @@ h1 {
 }
 
 h2 {
-    font-family: 'Manrope', extrabold;
+    font-family: 'Manrope', sans-serif;
+    font-weight: 400;
     font-size: 48px;
     color: white;
     text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
 }
 
 #sous-pres {
-    font-family: 'Manrope', bold;
+    font-family: 'Manrope', sans-serif;
+    font-weight: 300;
     font-size: 20px;
     color: white;
     text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
@@ -45,7 +48,7 @@ h2 {
     height: 59px;
     padding: 10px 20px;
     margin-top: 90px;
-    font-family: 'Manrope', bold;
+    font-family: 'Manrope', sans-serif;
     font-size: 20px;
     border: none;
     border-radius: 10px;