reload

style.css

@@ -1,46 +1,156 @@
-:root {
-    --color : "white"
-}
-
-html,body{margin: 0;padding: 0; font-family: Arial, Helvetica, sans-serif;}
-
-body {
-    color: var(--color);
-}
-
-#documentation{
-    width: 60%;
-    margin-left: 20%;
-    margin-top: 5%;
-    border: dashed;
-    padding: 3%;
-    height: 60%;
-    border-radius: 20%;
-    
-}
-
-#zeroHtml {
-    display: none;
+    @media print {
+        @page {
+            size: 148mm 210mm;
+            marks: cross;
+            margin: 15mm;
+        }
+
+        @font-face {
+            font-family: "cotham";
+            src: url('CothamSans.otf');
+        }
+   body {
+       color: black;
+       font-family: "cotham";
+   }
+
+.c85{font-size: 50pt;}
+
+        li {
+            margin-top: 2em;
+            color: #000000;
+            
+        }
+
+        p, .c1 {
+                font-size: 15pt;
+                line-height: 15pt;
+            margin: 0;
+            color: #000000;  
+            margin-top: 2em;
+        
+        }
+
+       
+.urlo{font-size: 55pt; line-height: initial; margin: 0;}
+
+        h1 {writing-mode: vertical-rl;
+            height: 100%;
+            width: 100%;
+            /* padding-top: 20pt; */
+            color: #000000;
+            margin: 0;
+            font-size: 75pt;
+            /* padding-bottom: 6pt; */
+            /* line-height: 1.15; */
+            page-break-after: always;
+            page-break-before: always;
+            /* orphans: 2;
+            widows: 2; */
+            /* text-align: left */
+
+           
+        }
+
+            
+
+        h2 {
+            padding-top: 18pt;
+            color: #000000;
+            font-size: 25pt;
+            padding-bottom: 6pt;
+            line-height: 1.15;
+            page-break-after: avoid;
+            orphans: 2;
+            widows: 2;
+            text-align: left
+        }
+
+        h3 {
+            padding-top: 16pt;
+            color: #434343;
+            
+            padding-bottom: 4pt;
+            line-height: 1.15;
+            page-break-after: avoid;
+            orphans: 2;
+            widows: 2;
+            text-align: left
+        }
+
+        h4 {
+            padding-top: 14pt;
+            color: #666666;
+            font-size: 12pt;
+            padding-bottom: 4pt;
+            line-height: 1.15;
+            page-break-after: avoid;
+            orphans: 2;
+            widows: 2;
+            text-align: left
+        }
+
+        h5 {
+            padding-top: 12pt;
+            color: #666666;
+            
+            padding-bottom: 4pt;
+            line-height: 1.15;
+            page-break-after: avoid;
+            orphans: 2;
+            widows: 2;
+            text-align: left
+        }
+
+        h6 {
+            padding-top: 12pt;
+            color: #666666;
+            
+            padding-bottom: 4pt;
+            line-height: 1.15;
+            page-break-after: avoid;
+            font-style: italic;
+            orphans: 2;
+            widows: 2;
+            text-align: left
+        }
+
+
+        img{
+            width: 60%;
+            /* transform: rotate(90deg); */
+            /* max-wdth: 40%; */
+        }
+
+     
+        .c65.c43{
+            font-size: 21pt;
+            page-break-before: always;
+            page-break-after: always;
+           
+        }
+
+   .c1.c27.c16{
+    font-size: 21pt;
+    margin-bottom: 20px;
+   }
+span.c7, span.c25{
+    margin-top: -2em;
+    padding: 0;
+    font-size: 10pt;
     color: red;
-    width: 100vw;
-    text-align: center;
-}
-
-#oneHtml {
-    display: none;
-    color: salmon;
-    filter: drop-shadow(0 0 0.75rem crimson);
-    position: absolute;
-    top: 0;
-    left: 15%;
-    line-height: 7px;
-  }
-
-  #twoHtml{
-      display: none;
-      position: absolute;
-      top: 0;
-      width: 100vw;
-      height: 100vh;
-      border: solid;
-  }
+    /* content: counter(); */
+   }
+
+                span.c7 {
+            color: black;
+            margin-left: 1em;
+            margin-top: 2em;
+        }
+
+   p.c28.c17,p.c31.c17{
+    margin-top: 0;
+   }
+
+
+    }