body{
	margin: 0;
  font-family: 'Merriweather', serif;
}

h1{
	margin: 0;
	font-family: 'Sacramento', cursive;
  font-size: 50px;
  color: #f6c89f;
}

hr{
  border-style: dotted none none;
  border-width: 2px;
  width: 10px;
  border-color: #5d5b6a;

}


/****** ID SELECTORS *******/
#blend{
  background-image: linear-gradient(#faf5e4, blue);

}

#navigation{
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #faf5e4;
  color: #3c4245;
  float: right;

}

/**** CLASS SELECTORS ***/
.bottom-container{
	background-color: #faf5e4;
  padding: 50px 0 0;
  text-align: center;


}

.bottom-cloud{
	position: absolute;

}

.button {
 background-color:#7892c2;
 -webkit-border-radius:31px;
 -moz-border-radius:31x;
 border-radius:8px;
 background-image: linear-gradient(#11cdd4, #11999e);
 border:1px solid #4e6096;
 display:inline-block;
 cursor:pointer;
 color:#ffffff;
 font-family: 'Merriweather', serif;
 font-size:15px;
 text-decoration:none;
 text-shadow:0px 1px 0px #283966;
 padding: 10px 20px ;
 margin: 20px 20px;
}

.button:hover {
  background-image: linear-gradient(#30e3cb, #2bc4ad);
}

.button:active {
 position:relative;
 top:1px;
}


.contact-me{
  line-height: 2;
}

.heading-hello{
  font-family: 'Indie Flower', cursive;
  font-size: 40px;
  margin: 0 auto;
}

.heading-csc{
  font-family:'Dancing Script', cursive;
  font-size: 40px;

}

.heading-freetime{
  font-family: 'Indie Flower', cursive;
  font-size: 30px;
}

.image-turtle{
  border-radius: 70px;
  width: 150px;
  height: 150px;
  float: left;
  margin-right: 30px;

}

.image-freetime{
  border-radius: 70px;
    width: 150px;
    height: 150px;
    float: right;
    margin-right: 30px
}

.link-footer{
  text-decoration: none;
  padding: 0 14px 0;
  color: #ec9b3b;
}

.link-footer:hover{
  color: #3c4245
}

.middle-container{
	background-color: #f6c89f;
  text-align: center;
  margin-top: 0;
  padding: 50px 0 0 0;
  color: #3c4245;

}

.my-image{
  border-radius: 70px;
  width: 100px;
  height: 100px;
  float: none;

}


.navigate{
  display: block;
  color: #3c4245;
  text-align:center;
  padding:10px 10px;
  text-decoration: none;

}

.navigate:hover{
  color: #ec9b3b;
}

.navigation{
  display: inline;
  float:left;
}


.paragraph-one{
  color: #ec9b3b;
  font-weight: lighter;
  margin: 0;
}

.paragraph-two{
  padding: 30px 0 10px;
  width: 800px;
  margin: auto;
  line-height: 2;
}

.paragraph-last{
  padding: 20px 20px;
  font-size: 9px;
  margin: auto 0;
}

.skills{
  width: 500px;
  margin:80px auto 40px;
}

.skill-row1{
  text-align: left;

}

.skill-row2{
  text-align: left;
  padding: 50px 0 50px 0
}


.third-cloud{
opacity: 0.5;
box-sizing: border-box;

}

.top-cloud{
	position: relative;
	left: 200px;
}

.top-container{
  background-color: #faf5e4;
  margin: 0;
  text-align: center;


}

.top-container-one{
  background-color: #fff;
}