body {
    background-image: url('trees 3.gif'); 
    
    margin: 0 auto; 
    padding: 0 20px;
    
    
    cursor:url('pointer.png'), default;
    }
    
   h1 {
     color:white; 
     font-size:50px; 
     text-align:center;
     font-family: "Century Gothic", sans-serif;
     }
     
   h2 {
     color:white; 
     font-size:45px;
     margin-top: 0px;
     text-align: center;
     font-family: "Century Gothic", sans-serif;
     }
     
   h3 {
     color: white;
     font-size: 30px;
     margin-top: 0px;
     text-align: center;
     font-family: "Century Gothic", sans-serif;
     }
     
    h4 {
      color: white;
      font-size: 42px;
      margin-top: 0px;
      text-align: center;
      font-family: "Century Gothic", sans-serif;
    }
     
   p1 {
     color:white;
     font-size:20px;
     font-family: "Century Gothic", sans-serif;
     }
     
   p2 {
     color: white;
     font-size: 20px;
     font-family: "Century Gothic", sans-serif;
   }
 
   ul {
     color:white; 
     font-size:25px;
     font-family: "Century Gothic", sans-serif;
     }
     
   a {
     color:#F3C8FA;
     } 
     a:hover{
       background-color:#5E0A6B
       }
       
       
    .header{
       background-image: url('stripes.gif');  
       height: 100px;
       width: 1000px;
       position: relative;
       left: 100px;
       top: -10px;
    }
    
    .parent{
      display: flex;
      background-color:black;
      height: 512px;
      width: 1000px;
      position: relative;
      left:100px;
    }
        
    .intro{
      background-color: black;
      color: white;
      height: 250px;
      width: 500px;
      overflow: auto;
      position: absolute;
      top: 1px;
      left: 250px;
    }
    
    .navigation {
      background-color: black;
      border: white double 5px;
      border-radius: 10px;
      color: white;
      height: 250px;
      width: 200px;
      overflow: auto;
      position: absolute;
      top: 1px;
      left: 20px;
    }
    
    .about-me {
      background-color: black;
      border: white double 5px;
      color: white;
      border-radius: 10px;
      height: 240px;
      width: 200px;
      overflow: auto;
      position: absolute;
      top: 261px;
      left: 20px;
    }
    
    .face{
      background-color: black;
      display: block;
      margin-left:auto;
      margin-right:auto;
      border: black solid 2px;
      height: 100px;
      width: 200px;
      overflow: auto;
      position: absolute;
      top: 300px;
      left: 500px
    }
    
    .painting{
      display: block;
      margin-left: auto;
      margin-right: auto;
      height: 100px;
      width: 100px;
      overflow: auto;
      position: absolute;
      top: 1px;
      left: 50px;
    }
    
    .me{ display: block;
     background-color: black;
     border: white solid 2px;
     margin-left: auto;
     margin-right: auto;
     height: 125px;
     width: 115px;
     overflow: auto;
     position: absolute;
     top: 1px;
     left: 850px;
    }
    
    .about-table{ 
      background-color: black;
      color: white;
      height: 100px;
      width: 100px;
      position: absolute;
      top: 100px;
      left: 100px;
    }