body {
    background-color: black;
}

h1 {
    color : white;
    font-family : Courier;
    font-stretch: 150%;
}

.center-fit {
    max-width: 100%;
    max-height: 80vh;
    margin: auto;
}

/*Nav bar*/
ul {
       list-style-type: none;
       margin: 0;
       padding: 0;
       overflow: hidden;
       background-color: #ffc7e1;
   }

   li {
       float: left;
   }

   li a {
       display: block;
       color: black;
       text-align: center;
       padding: 14px 16px;
       text-decoration: none;
   }

   li a:hover:not(.active) {
       background-color: #ffa8fb;
   }

   .active {
       background-color: #00d7d9;
   }