Hide header and pagination footer when printing

Since the header and pagination footer contain links that help a reader
navigate the site in a browser, they serve little value on a printed
copy.

source/css/header.css

@@ -15,6 +15,10 @@
   flex-direction: column;
   position: relative;
 
+  @media print {
+    display: none;
+  }
+
   &__inner {
     display: flex;
     align-items: center;

source/css/pagination.css

@@ -1,6 +1,10 @@
 .pagination {
   margin-top: 50px;
 
+  @media print {
+    display: none;
+  }
+
   &__title {
     display: flex;
     text-align: center;