h1, h2, h3, p, nav ul {

    margin: 0;
   
    padding: 0;
   
   /* this removes default margin/padding
   
    from these elements. You might want to add
   
    a few others in here.*/
   
   }
   
   img {
   
    display: block;
   
    max-width: 100%;
   
    height: auto;
   
   /* this sets images as block elements
   
    and makes sure they don't bust out of
   
    their containers, and that they maintain
   
    their aspect ratio. */
   
   }
   
   nav ul li a {
   
    list-style-type: none;
    text-decoration: none;
   
   /* gets rid of bullets */
   
   }

   h1 {
    padding-top: 60px;
    padding-bottom:  10px;
    flex-direction: row;
    justify-content: center;
    display: flex;
    gap: 8px;
    
    
   }

   h1 .h1Ucase {
    font-family: "Ballet";
    font-size: 48px;
    color: #DDE7F3;
   }

   h1 .h1Lcase {
    font-family: "Instrument Serif", serif;
    font-style: italic;
    font-weight: 250;
    color: #B2BFCF;
   }

   h2 {
    font-family: "Instrument Serif", serif;
    font-size: 26px;
    font-weight: 250;
    color: #87A1BE;
   }


   h3 {
    font-family: "Instrument Serif", serif;
    font-size: 24px;
    font-weight: 200;
    color: #B2BFCF;
   }


   ul, li {
    font-family: "Instrument Serif", serif;
    font-size: 18px;
    display: flex;
   }


   body {
    margin: auto;
    background-color: #161D29;
   }


   header {
    margin: auto;
    display: flex;
    flex-direction: column;
    text-align: center;
   }


   main {
    display: flex;
    justify-content: space-evenly;
    margin: 1em auto;
   }

    .assignmentRow{
    gap: 12px;
    padding: 12px 0px;
   }

   footer {
    font-family: "Instrument Serif", serif;
    font-size:18px;
    margin: auto;
    text-align: center;
    padding: 20px;
    color: #87A1BE
    }


   body #miffy {
    width: 400px;
    height: auto;
   }



   /* animations on link hovers! */

   section a {
    box-shadow: inset 0 0 0 0 #253145;
    margin: 0 -.25rem;
    padding: 0 .25rem;
    transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
    color: #87A1BE;
    }

    section a:hover {
    box-shadow: inset 300px 0 0 0 #253145;
    color:#a2b3c6;
    }