body {
    background-image: url("./Images/MAPBackground.jpg")!Important;
    height: 500px;
    background-position: center;
    background-repeat: repeat;
    background-size: cover;
    position: relative;
  }

  
/* adding space between the header and the body */
  .lead {
    margin-bottom: 25px;
    text-align: center;
    font-family: 'Indie Flower', cursive;
    font-weight: bolder;
    color: darkslategrey;

  }
/* paragraph styling */
  p {
    background-color: #e8e8e8c9;
    padding: 10px;
    font-weight: bolder;
    font-family: 'Indie Flower', cursive;
  }
    
/* all three nav bars */
  nav {
    background-color: #70a070;
    color: darkslategrey;
    font-family: 'Indie Flower', cursive;
    font-weight: bolder;
  }
/* heaaders on each page  */
  header h1, header h2, header h3 {
    text-align: center;
    font-family: 'Indie Flower', cursive;
    font-weight: bolder;
    color: darkslategrey;

  }
  /* Portfolio Page Layout */
  .portfoliohead {
    text-align: center;
    font-family: 'Indie Flower', cursive;
    font-weight: bolder;
    color: darkslategrey;
    background-color: #ffffffd4;
    padding: 10px;
    margin-top: 40px; 
    margin-bottom: 40px; 


  }
.portcard {
  display: flex;
  background-color: linen; 
  margin-right: 15px;
  margin-bottom: 40px;
  margin-left: 15px;
}

.card-title {
  text-align: center;
  font-family: 'Indie Flower', cursive;
  font-weight: bold; 
  color: darkslategrey;
  padding-top: 10px;

} 

.list-group-item, .card-link{
    text-align: center;
    font-family: 'Indie Flower', cursive;
    font-weight: bold; 
    color: darkslategrey;

}

.cardbackbody {
  background-color: #e8e8e8c9;
}


/* index-main page css */

  article { 
    background-color: linen;
    margin-bottom: 0px;
    padding-bottom: 15px;

  }

  .bottom-frame {
    padding-bottom: 35px;

  }
/* Coontact Page CSS */
  .contact {
    margin-top: 30px;
    margin-left: 25px;
    margin-right: 25px;
  }

  form {
    background-color: linen;
    border: 3px solid black;
    padding-bottom: 10px;
     
  }
  .icon{
    margin-bottom: 55px;
  }


  /* portfolio page  */
.spacing{
  margin-bottom: 35px; 

}  


/* footer information */
  footer {
    background-color:#70a070;
    font-family: 'Indie Flower', cursive;
    font-weight: bolder;
    color: lightgrey;
    position: fixed;
    margin-top: 45px;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
  }