body{
  color:#40514E;
  margin:0;
  text-align: center;
  font-family:'Merriweather', serif;
}

p{
  line-height: 2;
}
h1{

width: 40%;
margin: 0 auto 0 auto;
font-family: 'Sacramento',cursive;
margin-top:50px;
/*color:#66BFBF;*/
/*font-size: 5.625rem;*/
line-height: 2;
font-size:3em;
}

h2{
  font-size: 2.5rem;
  font-family: 'Montserat',sans-serif;
  font-weight: normal;
  padding-bottom: 20px;
  /*color:#66BFBF;*/
}

.intro
{
  width:30%;
  margin: auto;
}

.top-container{
  background-color:#E4F9F5;
  position:relative;
  padding-top: 100px;
}

.Cloud{
  position: absolute;
  margin:auto;


}

.top-cloud{
  position: absolute;
  right:350px;
  top:30px;
}
.text{
  text-decoration: underline;
}

h3{
  color: #11999E;
}

a{
  color: #11999E;
}


.skill-row{
  width: 50%;
  margin:100px auto 100px auto;
  text-align:left;

}

.gif-skill
{
  width:25%;
  float: left;
  margin-right: 30px;

}

.chilli
{
  width:25%;
  float: left;
  margin-right: 30px;

}

.middle-container{
  background-color: white;

  padding: 100px 0;

}
/*.bottom-container{
  background-color: yellow;
  height:200px;
  width:200px;
}
*/