Fix header and anchor focus

Signed-off-by: Adrien Kara <adrien@iglou.eu>

pub/css/Monolith.css

@@ -499,7 +499,7 @@ body {
 
 .article {
     padding: 0 var(--p-marge);
-    margin-bottom: 6em;
+    padding-top: 6em;
 }
 
 .button {
@@ -699,10 +699,11 @@ body {
 /* # Articles */
 /* ## Primary */
 #a_primary {
+    gap: 2em;
     display: grid;
-    min-height: calc(100vh + 2em);
-    margin-top: calc(var(--h-size) + var(--h-marge) * 2);
-    padding-top: 2em;
+    min-height: 100vh;
+    padding-top: calc(var(--h-size) + var(--h-marge) * 2 + 2em);
+    padding-bottom: 1em;
     background-size: cover;
     background-image: url(/media/header.svg);
     background-repeat: no-repeat;
@@ -729,7 +730,6 @@ body {
 .services_preview {
     gap: 3em;
     display: grid;
-    margin-top: 2em;
     grid-template-columns: repeat(3, 1fr);
 }