body {
    
     text-align: center;
    color: #40514E;
    font-family: 'merriweather',serif; }
    .top-container{
        background-color: #E3FDFD;
        position: relative;
        padding-top: 100px; }
        .middle-container {
         margin: 100px 0;
        }
p{
   line-height: 2; 
}
    span{
        text-decoration: underline;
    }
    .intro{
      width: 30%; 
      margin: auto;
    }
 h1{ font-size: 90px;
    margin-top:  50px auto 0 auto;
    font-family: 'sacramento',cursive;
    color: #71C9CE;
 }
 h2 { font-weight: normal;
    font-family: 'montserrat',sans-serif;
    color: #71C9CE;
    font-size: 2.5rem;
    

 }
 h3 {
    font-family: 'montserrat',sans-serif;
    color: #11999e;
 }
 .bottom-cloud {
    position: absolute;
    left: 200px;
    top: 450px;
 }
 .image {
    border-radius: 20;
 }
 .top-cloud {
    position: absolute;
     right: 250px;
      top: 40px;
    }
    .skill-row {
      width: 50%;
      margin: auto;
      margin-top: 100px;
      margin-bottom: 100px;
   text-align: left;

}

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

 .btn {
   background: #11CDD4;
   background-image: -webkit-linear-gradient(top, #11CDD4, #11999e);
   background-image: -moz-linear-gradient(top, #11CDD4, #11999e);
   background-image: -ms-linear-gradient(top, #11CDD4, #11999e);
   background-image: -o-linear-gradient(top, #11CDD4, #11999e);
   background-image: linear-gradient(to bottom, #11CDD4, #11999e);
   -webkit-border-radius: 8;
   -moz-border-radius: 8;
   border-radius: 8px;
   font-family: 'montserrat',sans-serif;
   color: #ffffff;
   font-size: 20px;
   padding: 10px 20px 10px 20px;
   text-decoration: none;
 }
 
 .btn:hover {
   background: #30e3cb;
   background-image: -webkit-linear-gradient(top, #30e3cb, #2bc4ad);
   background-image: -moz-linear-gradient(top, #30e3cb, #2bc4ad);
   background-image: -ms-linear-gradient(top, #30e3cb, #2bc4ad);
   background-image: -o-linear-gradient(top, #30e3cb, #2bc4ad);
   background-image: linear-gradient(to bottom, #30e3cb, #2bc4ad);
   text-decoration: none;
 }

 hr {
   border: dotted #EAF6F6 6px;
   border-bottom: none;
   width: 4%;
   margin: 100px auto;
 }
 .contact-message {
   width: 40%;
   margin: 40px auto;
   margin-bottom: 60px;
 }
 .bottom-container {
   background-color: #66bfbf;
   padding: 50px 0;
   padding-bottom: 20px;
 }
 a {
   color: #11999e;
   font-family: 'montserrat',sans-serif;
   margin: 10px 20px;
   text-decoration: none;
 }
 a:hover{
   color: #EAF6F6;
 }
 .copywrite {
   color: #eaf6f6;
   font-size: 0.75rem;
   padding: 20px 0;
 }