print css fix

print.css

@@ -1,136 +1,122 @@
-@media print{ 
+@media print {
-
+	@page {
-        @page {
+		size: A5;
-            size: A5;
+		margin-top: 5mm;
-            margin-top: 5mm;
+		margin-right: 10mm;
-            margin-right: 10mm;
+		margin-bottom: 20mm;
-            margin-bottom: 20mm;
+		margin-left: 7.5mm;
-            margin-left: 7.5mm;
+	}
-        }
+
-        
+	html,
-  html, body {
+	body {
-      font-size: 14px;
+		font-size: 14px;
-      font-family: Fengardo;
+		font-family: Fengardo;
-    }
+		overflow: auto;
-    
+	}
-    .container{
+
-        display: block;
+	.container {
-        width: auto;
+		display: block;
-        height: auto;
+		width: auto;
-    }
+		height: auto;
-
+	}
-
+
-
+	.atlas {
-
+		border: none;
-    .atlas {
+	}
-        border: none;
+
-    }
+	.atlas svg {
-
+		width: auto;
-    .atlas svg {
+		height: auto;
-        width: auto;
+		max-width: 100%;
-        height: auto;
+	}
-        max-width: 100%;
+
-    }
+	.contributions,
-    
+	.contribution {
-
+		border-bottom: none;
-    
+	}
-
+
-    .contributions,
+	header.cover {
-    .contribution {
+		width: auto;
-        border-bottom: none;
+		height: 100%;
-    }
+		min-height: auto;
-    
+		padding: 0;
-   
+		border: none;
-    
+	}
-    header.cover{
+
-        width: auto;
+	.cover .title {
-        height: 100%;
+		font-size: 46px;
-        min-height: auto;
+		margin: 64px 0;
-        padding: 0;
+	}
-        border: none;
+
-    }
+	.atlas,
-    
+	.cover,
-    .cover .title {
+	.contributions,
-        font-size: 46px;
+	.contribution,
-        margin: 64px 0;
+	.index,
-    }
+	.content img {
-    
+		break-before: page;
-    .atlas,
+	}
-    .cover,
+
-    .contributions,
+	.info {
-    .contribution,
+		display: none;
-    .index,
+	}
-    .content img {
+
-        break-before: page;
+	.index {
-    }
+		display: block;
-    
+		columns: unset;
-    
+	}
-    .info{
+	.index table {
-        display: none;
+		width: 100%;
-    }
+		border-collapse: collapse;
-
+	}
-    .index {
+	.index tr {
-        display: block;
+		border-top: solid 1px currentColor;
-        columns: unset;
+		border-bottom: solid 1px currentColor;
-    }
+	}
-    .index table{
+
-        width: 100%;
+	.index-title {
-        border-collapse: collapse;
+		font-weight: bold;
-
+		margin-top: 16px;
-    }
+		text-transform: uppercase;
-    .index tr{
+		text-align: right;
-        border-top: solid 1px currentColor;
+	}
-        border-bottom: solid 1px currentColor;
+
-    }
+	.symbol {
-
+		text-transform: lowercase;
-    .index-title {
+		width: 20%;
-        font-weight: bold;
+	}
-        margin-top: 16px;
+
-        text-transform: uppercase;
+	.libretto {
-        text-align: right;
+		overflow: hidden;
-    }
+		/* height:100%; */
-
+	}
-
+
-    .symbol {
+	.libretto > * {
-        text-transform: lowercase;
+		border-bottom: none;
-        width: 20%;
+	}
-    }
+
-    
+	.contribution .content h2,
-
+	.contribution .description {
-
+		font-size: 18px;
-
+	}
-    .libretto {
+
-        overflow: hidden;
+	.contribution .title {
-        /* height:100%; */
+		font-size: 28px;
-    }
+	}
-
+
-    .libretto > *{
+	.contribution {
-        border-bottom: none;
+		border-bottom: none;
-    }
+		height: 100%;
-
+		overflow: hidden;
-    .contribution .content h2,
+	}
-    .contribution .description{
+
-        font-size: 18px;
+	img {
-    }
+		margin: 16px auto;
-
+	}
-    .contribution .title {
+
-        font-size: 28px;
+	/*Sorry Gi, the multicolumn layout is too painful */
-    }
+
-
+	/* .contribution .content{
-    .contribution {
-        border-bottom: none;
-        height: 100%;
-        overflow: hidden;
-    }
-
-    img {
-        margin: 16px auto;
-    }
- 
-
-    /*Sorry Gi, the multicolumn layout is too painful */
-    
-    /* .contribution .content{
         column-count: 2;
         column-fill: auto;
     }  
@@ -146,32 +132,35 @@
 
      */
 
-
+	/* .content p, .content h2 {
-    /* .content p, .content h2 {
         margin: default;
     } */
 
-    button#btn-print {
+	button#btn-print {
-        display: none;
+		display: none;
-    }
+	}
 
+	.full-height {
+		height: 100%;
+	}
 
-    .full-height {
+	.atlas svg #live-path {
-        height: 100%;
+		color: currentColor;
-    }
+		stroke-dasharray: initial;
-
+		stroke-dashoffset: initial;
+		animation: none;
+	}
 }
 
-
+@media print {
-@media print{
+	:root {
-
+		--text: tomato;
-:root {
+		--wireframe: tomato;
-        --text: tomato;
+		--background: #ffffff;
-        --wireframe: tomato;
+	}
-        --background: #ffffff;
+
-    }
+	html,
-
+	body {
-    html, body{
+		background-color: var(--background);
-        background-color: var(--background);
+	}
-    }
 }