From 0c224557833e06e3dc1c9050e4f7a8673502e4a8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?foug=C3=A8re?= <folgere@tutamail.com>
Date: Sat, 17 Jan 2026 23:40:17 +0100
Subject: [PATCH] =?UTF-8?q?-=20Modification=20des=20tailles=20et=20espacem?=
 =?UTF-8?q?ents=20des=20titres=20-=20R=C3=A9duction=20de=20la=20taille=20d?=
 =?UTF-8?q?es=20l=C3=A9gendes=20d'images=20-=20Ajout=20d'un=20fond=20derri?=
 =?UTF-8?q?=C3=A8re=20les=20balises=20<code>=20pour=20mettre=20en=20valeur?=
 =?UTF-8?q?=20le=20matrix=20-=20Masquage=20des=20stickers=20quand=20la=20l?=
 =?UTF-8?q?argeur=20de=20la=20fen=C3=AAtre=20est=20inf=C3=A9rieure=20?=
 =?UTF-8?q?=C3=A0=20500px=20(mobile)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 css/base.css | 62 ++++++++++++++++++++++++++++++++++++++++++----------
 1 file changed, 51 insertions(+), 11 deletions(-)

diff --git a/css/base.css b/css/base.css
index 0a16d2d..0be07db 100644
--- a/css/base.css
+++ b/css/base.css
@@ -55,30 +55,39 @@ main h1 {
 
 main h2 {
     position: relative;
-    margin: 4% auto;
+    margin: 12% auto 5% auto;
     text-align: center;
-    font-size: clamp(1.5em, 4vw, 3em);
+    font-size: clamp(1.5em, 12vw, 4em);
     font-family: segoesc;
 }
 
+main h2:first-of-type {
+    font-size: clamp(1.5em, 5vw, 5em);
+    margin: 1em auto 0.5em auto;
+}
+
 main h3 {
     position: relative;
-    text-align: center;
     margin: auto;
     width: 100%;
-    font-size: clamp(2em, 4vw, 4em);
+    font-size: clamp(1.8em, 3vw, 4em);
     margin-top: 5%;
+    margin-bottom: 2%;
+    font-weight: lighter;
+}
+
+main h4 {
+  margin: 0.8em 0;
 }
 
 main p {
-    margin: 1%;
-    padding: 1%;
-    /* border: solid 1px; */
-    opacity: 0.90;
+    margin: 0 0 min(1em, 2%) 1%;
     display: inline-block;
     z-index: 3;
-    background-color: black;
+}
 
+main p:last-child {
+    margin-bottom: 0;
 }
 
 section {
@@ -89,9 +98,14 @@ section {
     margin: auto;
     margin-bottom: 100px;
     padding: 2%;
-    padding-left: 0px;
+    padding-left: min(1em, 2%);
     z-index: 1000;
     box-shadow: -5px 5px 0px var(--accent-yellow), -10px 10px 0px var(--accent-orange), -15px 15px 0px var(--accent-violet);
+    background-color: #000000b8;
+}
+
+section :is(h1, h2, h3, h4, h5, h6) {
+    line-height: 1em;
 }
 
 nav, footer, aside {
@@ -139,15 +153,21 @@ main > img {
     object-fit: scale-down;
 }
 
+figcaption {
+  font-size: 0.6em;
+  line-height: initial;
+}
+
 .btn-nice {
     color: #FFFFFF;
-    text-shadow: -5px 5px 0px var(--accent-orange), -10px 10px 0px var(--accent-violet);
+    text-shadow: -2px 2px 0px var(--accent-orange), -4px 4px 0px var(--accent-violet);
     color: var(--accent-yellow);
     font-size: 1.2em;
     text-align: center;
     margin: auto;
     position: relative;
     display: block;
+    font-weight: bold;
 }
 
 #camp {
@@ -163,3 +183,23 @@ main > img {
     margin-right: 10%;
     line-height: 0.5em;
 }
+
+code {
+    background: #ffffff1f;
+    padding: 0.2em 0.4em;
+    border-radius: 0.2em;
+    margin-right: 0.5ex;
+}
+
+.btn-nice code {
+    background: none;
+    padding: 0;
+    margin-right: 0;
+}
+
+@media (max-width: 500px) {
+    /* Hide stickers on mobile */
+    .randomStart {
+        display: none;
+    }
+}
\ No newline at end of file