From 68301d1fbe9fbb367e93e176d555880f02b9d73b Mon Sep 17 00:00:00 2001
From: mb <mail@manettaberends.nl>
Date: Mon, 12 Feb 2024 17:21:50 +0100
Subject: [PATCH] squeezing kamo in

---
 booklet-stylesheet.css | 51 ++++++++++++++++++++++++++----------------
 1 file changed, 32 insertions(+), 19 deletions(-)

diff --git a/booklet-stylesheet.css b/booklet-stylesheet.css
index 777dfde..b12f1b8 100644
--- a/booklet-stylesheet.css
+++ b/booklet-stylesheet.css
@@ -2,28 +2,42 @@
 	size: A5;
 	margin: 5mm 8mm;
 }
+/* ----------------- */
+/* COVER */
 @page:first{
 	background: url(./hershey-text-extension.svg);
 }
 div#doesthiswork img{
-	/* position: absolute; */
-	/* z-index: -1; */
-	/* width: 45mm !important; */
-	/* bottom: 0; */
-	/* left: 75mm; */
-	width: 130mm !important;
+	position: absolute;
+	z-index: -1;
+	width: 45mm !important;
+	bottom: 10mm;
+	left: 75mm;
+	/* width: 130mm !important; */
 }
 div#intro{
+	width: 50mm;
 	margin-top: 2mm;
 	padding: 0 15mm;
 }
-
-body{
-	font-size: 10px;
-	line-height: 1.5;
+div#intro::after{
+	content: "https://pzwiki.wdka.nl/mediadesign/Pen_plotters";
+	position: absolute;
+	left: 25%;
+	top: -3mm;
+}
+h1:first-of-type{
+	font-size: 600%;
+	line-height: 1;
+	border: 5px groove;
+	border-radius: 25px;
+	padding: 0em 0.75em 0.35em;
+	margin: 0.45em 0 0.45em !important;
 }
 div#toc{
 	columns: 2 auto;
+	font-size: 75%;
+	margin-top: 20mm;
 }
 div#toc ul{
 	margin: 0;
@@ -41,6 +55,12 @@ div#toc h2#mw-toc-heading{
 div#toc ul li span.tocnumber{
 	display: none;
 }
+/* ----------------- */
+
+body{
+	font-size: 10px;
+	line-height: 1.5;
+}
 pre{
 	white-space: pre-wrap;
 	word-break: break-all;
@@ -97,15 +117,6 @@ h1{
 	padding-top: 0.5em;
 	margin-top: 1.25em;
 }
-h1:first-of-type{
-	font-size: 600%;
-	line-height: 1;
-	border: 5px groove;
-	border-radius: 25px;
-	padding: 0.05em 0.75em 0.5em;
-	margin: 0.15em 0 0 0 !important;
-	/* break-after: always; */
-}
 h2{
 	font-family: serif !important;
 	letter-spacing: 0 !important;
@@ -124,12 +135,14 @@ a{
 	letter-spacing: 1px;
 	word-break: break-all;
 }
+div#plottwist,
 div#horses,
 div#essay,
 div#chiplotle{
 	columns: 2 auto;
 	column-gap: 5mm;
 }
+div#plottwist a.image:first-of-type img,
 div#horses img{
 	width: 60mm !important;
 }