Add dynamic sizing of recipe

MMM-NextcloudCookbook.css

@@ -11,6 +11,8 @@
 }
 
 .MMM-NextcloudCookbook .ncc-active {
+  --ncc-type-scale: 1;
+
   position: fixed;
   inset: 0;
   z-index: 20;
@@ -49,9 +51,9 @@
 }
 
 .MMM-NextcloudCookbook .ncc-recipe h1 {
-  margin: 0 220px 26px 0;
+  margin: 0 220px calc(26px * var(--ncc-type-scale)) 0;
   color: #fff6d8;
-  font-size: 82px;
+  font-size: calc(82px * var(--ncc-type-scale));
   line-height: 1.08;
 }
 
@@ -59,8 +61,8 @@
   display: flex;
   gap: 10px 22px;
   align-items: baseline;
-  margin: 0 0 36px;
-  font-size: 36px;
+  margin: 0 0 calc(36px * var(--ncc-type-scale));
+  font-size: calc(36px * var(--ncc-type-scale));
 }
 
 .MMM-NextcloudCookbook .ncc-meta dt {
@@ -79,21 +81,21 @@
 }
 
 .MMM-NextcloudCookbook .ncc-columns h2 {
-  margin: 0 0 18px;
+  margin: 0 0 calc(18px * var(--ncc-type-scale));
   color: #d6b96b;
-  font-size: 56px;
+  font-size: calc(56px * var(--ncc-type-scale));
 }
 
 .MMM-NextcloudCookbook .ncc-columns ul,
 .MMM-NextcloudCookbook .ncc-columns ol {
   margin: 0;
   padding-left: 1.25em;
-  font-size: 50px;
+  font-size: calc(50px * var(--ncc-type-scale));
   line-height: 1.36;
 }
 
 .MMM-NextcloudCookbook .ncc-columns li {
-  margin-bottom: 18px;
+  margin-bottom: calc(18px * var(--ncc-type-scale));
 }
 
 .MMM-NextcloudCookbook .ncc-error {