style notes

css/modules/_layout.scss

@@ -28,6 +28,8 @@ $unit: calc($content-w/7);
         margin-left: $outside;
         margin-right: $inside;
 
+        //    background-image: url("/images/layout-1_3.png");
+        // background-size: 100% 100%;
         
 
         @bottom-left {

css/modules/_notes.scss

@@ -1,4 +1,36 @@
+.pagedjs_page_content{
+    position: relative;
+}
+
+
+.container-note{
+    padding-left: calc(var(--unit)*2);
+}
+.container-note-first{
+    position: absolute;
+    top: 0;
+    left: 0;
+    //   color: red;
+}
+
 .body-note{
     display: block;
-    color: red;
+  
+       font-family: var(--font-sans);
+    font-size: var(--fs-small);
+    line-height: calc(var(--baseline)*0.75);
+
+    // margin-top: calc(var(--baseline)*0.25);
+
+    hyphens: auto;
+    hyphenate-limit-chars: 7 3 4;
+    hyphenate-limit-lines: 2;
+    hyphenate-limit-zone: 8%;
+    word-spacing: -0.004em;
+    text-align: justify;
+
+}
+
+.note_marker{
+    font-weight: bold;
 }

css/modules/_titles.scss

@@ -10,6 +10,9 @@
         // height: $content-h;
     }
 
+    h1{
+        break-before: page;
+    }
 
 
       h2, h3, h4, h5, h6  {