/* The side navigation menu */
     
     .navbar {
         margin: 0;
         padding: 0;
         width: 200px;
         background-color: #C7C695;
         position: absolute;
         height: 100%;
         overflow-y: scroll;
     }
     ul {
         overflow-y: scroll;
     }
     /* navbar links */
     
     .navbar a {
         display: block;
         color: black;
         padding: 16px;
         text-decoration: none;
         border-bottom: 3px double blue;
         text-align: center;
     }
     /* Links on mouse-over */
     
     .navbar a:hover {
         background-color: #FBBCC0;
         color: black;
     }
     /* Page content. The value of the margin-left property should match the value of the navbar's width property */
     
     main.content {
         margin-left: 200px;
         padding: 1px 16px;
         height: 100%;
         overflow-y: scroll;
         position: relative;
     }
     /* On screens that are less than 700px wide, make the sidebar into a topbar */
     
     @media screen and (max-width: 700px) {
         .navbar {
             width: 100%;
             max-height: 150px;
             position: relative;
             overflow-y: scroll;
         }
         .navbar a {
             text-align: center;
         }
         main.content {
             margin-left: 0;
         }
     }
     /* On screens that are less than 400px, display the bar vertically, instead of horizontally */
     
     @media screen and (max-width: 400px) {
         .navbar a {
             text-align: center;
             float: none;
         }
     }
     img {
         max-width: 100%;
         height: auto;
         text-align: center;
     }
     body {
         font-family: helvetica, verdana;
         font-size: 1.5em;
     }
     h3 {
         font-size: 1.7em;
     }
     .navbar h3 {
         font-size: 1.7em;
         text-align: center;
     }
     table {
         width: 800px;
         font-family: helvetica, verdana;
     }
     td {
         border-bottom: 3px double blue;
     }
     th {
         padding-bottom: 0.2em;
         padding-top: 0.8em;
     }
     .nav-link {
         font-size: 1.2em;
     }
     .sub-link {
         font-size: 1em;
         font-style: italic;
     }
     /*  .info {
         width: 300px;
          border: 1px solid black;

     }*/