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


h1{
  color:  #66BFBF;
  margin: 50px auto 0 auto;
  font-family: 'Sacramento',cursive;
  font-size: 80px;

}

h2{
  color: #66BFBF;
  font-family: 'Montserrat',sans-serif;
  font-size: 2.5rem;
  font-weight: normal;
}

h3{
  color: #11999E;
  font-family: 'Montserrat',sans-serif;
}

hr{
  border: dotted #3f3f44 6px;
  border-bottom: none;
  width: 4%;
  margin: 100px auto;

}

.contact-message{
  width: 40%;
  margin: 40px auto 60px;
}

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

.middle-container{
  margin: 100px 0;
}

.bottom-container{
background-color: #00263b;
padding: 50px 0 20px;
}


a{
  color: #11999E;
  font-family: 'Montserrat',sans-serif;
  margin: 10px 20px;
  text-decoration: none;
}


a:hover{
  color: white;
}

.last{
  color: #EAF6F6;
  font-size: 0.75rem;
  padding: 20px 0;
}

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

.gif-skill-row{
  width: 40%;
  margin: 100px auto 100px auto;
  text-align: left;
  line-height: 2;
}

.top-cloud{
  position: absolute;
  right: 250px;
  top: 40px;
}

.bottom-cloud{
  position: absolute;
  left: 300px;
  bottom:300px;
}

.code-img{
  width: 25%;
  float: left;
  margin-right: 25px;    /* space between image and text*/
}

.gif{
    width: 25%;
    float: right;
    margin-left:25px;    /* space between image and text*/
}


.btn {
  font-family: 'Montserrat',sans-serif;
  color:black;
  font-size: 14px;
  text-shadow: 1px 1px 0px #7CACDE;
  box-shadow: 1px 1px 1px #BEE2F9;
  padding: 10px 25px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: 2px solid #3866A3;
  background: #63B8EE;
  background: linear-gradient(top,  #63B8EE,  #468CCF);
  background: -ms-linear-gradient(top,  #63B8EE,  #468CCF);
  background: -webkit-gradient(linear, left top, left bottom, from(#63B8EE), to(#468CCF));
  background: -moz-linear-gradient(top,  #63B8EE,  #468CCF);
}
.btn:hover {
  color: #14396A !important;
  background: #468CCF;
  background: linear-gradient(top,  #468CCF,  #63B8EE);
  background: -ms-linear-gradient(top,  #468CCF,  #63B8EE);
  background: -webkit-gradient(linear, left top, left bottom, from(#468CCF), to(#63B8EE));
  background: -moz-linear-gradient(top,  #468CCF,  #63B8EE);
}