twst btn print view and column layout commented

index.html

@@ -151,6 +151,7 @@
 						<dt>Caretakers</dt>
 						<dd>Erica, Gersande, Kamo</dd>
 					</dl>
+					<button id="print">Print Libretto</button>
 				</header>
 				<!-- <section class="vocabulary"></section> -->
 

print.css

@@ -88,6 +88,12 @@
     }*/
     
 
+    .content p, .content h2 {
+        margin: default;
+    }
 
+    button#print {
+        display: none;
+    }
 
 }

style.css

@@ -149,12 +149,35 @@ dd {
     object-fit: contain;
 }
 
+
+.content {
+    white-space: pre-line;
+}
+
+.content p, 
+.content h2 {
+    margin: 0;
+}
+
 .content img {
     width: 100%;
     object-fit: contain;
     height: auto;
 }
 
+#print {
+    display: inline-block;
+    margin-top: 32px;
+    background: none;
+    border: 1px solid currentColor;
+    padding: 4px 8px;
+    font-size: 1rem;
+}
+
+#print:hover{
+    cursor: pointer;
+}
+
 @namespace svg url(http://www.w3.org/2000/svg);
 /* Necessary to select only SVG <a> elements, and not also HTML's.
    See warning below */