header {
     
     height: 100%;
     background-color: darkgreen;
 }
 
 h1,
 h2 {
     font-family: serif;
 }
 
 h1 {
     font-size: 100%;
     padding: 20px;
     color: white;
     margin-top: 0%;
     margin-bottom: 0%;
     background: darkgreen;
     
 }
 
 h2 {
     margin-top: 2%;
     margin-bottom: 1%;
     font-size: 150%;
     color: darkgreen;
 }
 
 nav button {
     position: absolute;
     top: .5rem;
     right: 2%;
 }
 
 nav ul {
     padding: 0;
     margin: 0;
 }
 
 nav ul.show {
     display: block;
 }
 
 nav ul.hide {
     display: none;
 }
 
 nav ul li {
     width: 100%;
     list-style: none;
 }
 
 nav ul li a {
     display: block;
     color: blue;
     text-decoration: none;
     padding: .5rem 0;
     text-align: center;
     border-bottom: 1px solid rgba(0, 0, 0, 0.2);
 }
 
 nav ul li.active a {
     background-color: #17852f;
 }
 
 nav ul li a:hover {
     background-color: #17852f;
 }
 
 .table1 {
     border-collapse: collapse;
     width: 100%;
 }
 
 th,
 td {
     text-align: left;
     padding: 8px;
     font-family: 'Oswald', sans-serif;
     font-size: 85%;
 }
 
 tr:nth-child(even) {
     background-color: #f2f2f2;
 }
 
 th {
     background-color: darkseagreen;
     color: white;
 }
 
 table,
 th,
 td {
     border: 1px solid black;
 }
 
 main figure.photoFullWidth img {
     width: 100%;
 }
 
 .hidden {
     display: none;
 }
 
 footer {
     background-color: darkgreen;
     color: white;
     font-size: 70%;
     margin-top: 20%;
 }
 
 #date {
     font-size: 60px;
     color: #00FF00;
     font-family: Palatino, Baskerville, Georgia, serif
 }
 
 img {
     width: 90%;
     height: auto;
 }