hide footer on print to put everything in one page

1 files changed, 7 insertions, 2 deletions

diff --git a/src/index.css b/src/index.css
index 8fc5b3b..c0b25bd 100644
--- a/src/index.css
+++ b/src/index.css
@@ -1,11 +1,9 @@
-
 body > div > * {
     width: 50%;
     display: inline-block;
     text-align: center;
     overflow: hidden;
     margin: 0;
-    line-height: initial;
     font-size: 225%;
     font-size: min(3.6vw,225%);
     position: relative;
@@ -14,6 +12,7 @@ body > div > * {
 
 body > div > span > * {
     padding: 0px 10px;
+    line-height: 1.2em;
 }
 
 h1 {
@@ -76,3 +75,9 @@ a, a:visited {
 a:hover {
     text-decoration: none;
 }
+
+@media print {
+    footer {
+        display: none;
+    }
+}