/* Site Header -------------------------------------------------------------------------------------------------- */
header {
  background-image: linear-gradient(#FA82D2FF, #B8ECF8FF);
  margin: -25px -8px -5px -8px;
  padding: 0;
  border-style: solid;
  border-width: 0 0 10px 0;
  border-color: #686CCDFF;
  
  
}

header h1 {
  color: #4c0609;
  font-weight: bold;
  text-align: center;
  margin-bottom: 5px;
  
}


/* Site Nav ---------------------------------------------------------------------------------------------------- */

.siteNav ul {
  list-style-type: none;
  margin: 3px;
  padding: 10px;
  text-align: center;
  overflow: hidden;
}

.siteNav li { 
  display: inline;
  padding: 1.5%;
}

.siteNav li a {
  color: #1b011e;
  font-weight: bold;
  padding: 5px 1.5% 5px 1.5%;
  background-color: #ed8be0;
  border: 3px solid #b85cc4;
  border-radius: 50px;
}

.siteNav li a:hover {
  color: #f8fc05;
  padding: 3px 1.3% 3px 1.3%;
  background-color: #5a4c68;
  border: 3px solid #18062b;
}

.siteNav li a:focus {
  color: #f8fc05;
  padding: 3px 1.3% 3px 1.3%;
  background-color: #5a4c68;
  border: 3px solid #18062b;
}






/* About The Site --------------------------------------------------------------------------------------------- */

body {
  background-color: black;
  background-image: url(flowerBack.jpeg), url(flowerBack.jpeg);
  background-position: top right, top left;
  background-size: 10%;
  background-repeat: repeat-y, repeat-y;
}


.aboutSite {
  background-image: linear-gradient(#15CAF7, #395AA2FF);
  margin: 5px 8% 0 8%;
  padding-bottom: 10px;
  border-style: solid;
  border-color: #1D74CB;
  border-width: 10px 10px 0 10px;
  border-radius: 25px 25px 0 0;
  
 
}

.aboutSite h1{
  color: black;
  text-align: center;
  
  
}

 p.aboutSite {
    color: black;
    
  }
  

/* About Me --------------------------------------------------------------------------------------------------- */

.aboutMe {
  
  background-image: linear-gradient(#395AA2FF, #160223);
  margin: 0 8% 5px 8%;
  padding-top: 10px;
  border-style: solid;
  border-color: #1D74CB;
  border-width: 0 10px 10px 10px;
  border-radius: 0 0 25px 25px;
  
  
}


.aboutMe p{
    color: white;
    
  }