body{
  margin: 0;
  text-align: center;
  font-family: 'Merriweather', serif;
  color:#2E4C6D;
  }
  .top-container{
      background-color: #e5e5d8;
      padding-top: 150px;
      position: relative;
    }
  .top-cloud{
    height:60px;
    width:200px;
    position: absolute;
    right:450px;
    margin-top: 6px;

  }
  .down-cloud{
    position: absolute;
    height:60px;
    width:200px;
    bottom: 450px;
    margin-bottom: 75px;
  }
  .land{
    height:500px;
    width:1000px;
    margin-top: 100px;
  }

h1{
  font-family: 'Sacramento', cursive;
  margin: 50px auto 0 auto;
  font-size: 5.625rem;
  color: #217d68;
}
h2{
  font-family: 'Montserrat', sans-serif;
  font-size: 2.5rem;
  color: #3e9c87;
  font-weight: normal;
  padding:20px 0;
}
h3{
  font-family: 'Montserrat', sans-serif;
  color:#4ab19a;
  padding:20px 0;
}
P{
  line-height: 2;
}
hr{
  border-top: 4px dotted grey;
  width: 2%;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.intro{
  width: 21%;
  margin: auto;

}
.profile{
  margin:auto;
  margin-bottom: 100px;
}
.profile-pic{
  margin-top: 100px;
  width:25%;
  border-radius: 50%;
}
.skills{
  margin: 100px auto 40px auto;
}
.skill-words{
  text-align: left;

  margin: auto;
}
.skill-row{
  width: 30%;
  margin:100px auto;

}
.programming{
  width: 20%;
  float: left;
  margin:70px 30px auto auto;
}
.design{
  width: 20%;
  float: right;
  margin:80px auto auto 30px;
}
.contact-me{
  margin: 100px auto 100px auto;
  width:40%;
}
.btn {
  background: #3e9c87;
  background-image: -webkit-linear-gradient(top, #3e9c87, #217d68);
  background-image: -moz-linear-gradient(top, #3e9c87, #217d68);
  background-image: -ms-linear-gradient(top, #3e9c87, #217d68);
  background-image: -o-linear-gradient(top, #3e9c87, #217d68);
  background-image: linear-gradient(to bottom, #3e9c87, #217d68);
  -webkit-border-radius: 12;
  -moz-border-radius: 12;
  border-radius: 12px;
  font-family: 'Montserrat', sans-serif;
  color: #ffffff;
  font-size: 19px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;

}
.end{
  padding-bottom: 30px;
}
.btn:hover {
  background: #4ab19a;
  background-image: -webkit-linear-gradient(top, #4ab19a, #3e9c87);
  background-image: -moz-linear-gradient(top, #4ab19a, #3e9c87);
  background-image: -ms-linear-gradient(top, #4ab19a, #3e9c87);
  background-image: -o-linear-gradient(top, #4ab19a, #3e9c87);
  background-image: linear-gradient(to bottom, #4ab19a, #3e9c87);
  text-decoration: none;

}
.bottom-container{
  background-color:#e5e5d8;
  padding:20px 0 0 0;
  height: 100px;
}
a{
  padding:50px 30px;
  text-decoration: none;
  color: #3e9c87;
  font-family: 'Montserrat', sans-serif;

}
a:hover{
  color: #ffffff;
}