h1{
         font-family: "Instrument Serif", serif;
         font-weight: 400;
         font-style: normal;
      }
      p{
          font-family: "Solway", serif;
          font-weight: 400;
          font-style: normal;
      }
      .nav-menu{
        text-align: right;
      }
      .nav-menu a:hover{
         color: purple;
         transition-duration: 0.5s;
      }
      .nav-menu-styling{
        margin: 0 0 0 10px;
        color: brown; 
        text-decoration: underline; 
        text-decoration-style: dashed; 
        text-decoration-color: maroon;
        font-family: "Instrument Serif", serif;
        font-weight: 400;
        font-style: normal;
        font-size: large;
      }
     #aboutmesection{
        background-color: #EFC6F7;
       }
      .about-me-box{
        width: 750px; 
        margin: 20px auto; 
        padding: 30px; 
        border-color: #F7C6E7; 
        border-style: outset;
      }
      .about-me-box a{
        color: brown;
        text-decoration: underline; 
        text-decoration-style: dotted; 
        text-decoration-color: maroon;
      }
      .about-me-box p{
        font-family: "Solway", serif;
        font-weight: 400;
        font-style: normal;
      }
      .about-me-box ul{
        font-family: "Solway", serif;
        font-weight: 400;
        font-style: normal;
      }
      .about-me-box li{
        font-family: "Solway", serif;
        font-weight: 400;
        font-style: normal;
      }
     #pageheaders{
        text-align: center; 
        margin: 0 0 40px;
     }
     .pageheaderclass{
        font-family: "Instrument Serif", serif;
        font-weight: 400;
        font-style: normal;
     }
     #homepage{
      background-image: url(desk\ background\ for\ home\ page.jpg);
      background-size: cover;
     } 
     #homepagetext{
        text-align: center;
     }
     .homepagewords {
        font-family: "Solway", serif;
        font-weight: 400;
        font-style: normal;
     }
     .homepagewords a{
        color: brown;
        text-decoration: underline; 
        text-decoration-style: dotted; 
        text-decoration-color: maroon;
     }
     ul{
        display: table;
        margin: 0 auto;
     }
     ol{
        display: table;
        margin: 0 auto;
     }
     #gallery{
         display: flex;
         flex-direction: row-reverse;
     }
      .gallery-item{
         display: flex;
         flex-grow: 1;
         overflow: scroll;
         cursor: pointer
      }
      .gallery-item img{
         box-sizing: border-box;
         display: inline-block;
         width: 100%;
         transition: all 0.5s ease-in-out;
      }