.topcontainer{
    
   
    padding-top: 100px;
    
      

}
h1{
  
  text-align: center;
  font-family: 'Sacramento', cursive;
  margin: 50px auto 0 auto;
  font-size: 4em;
  color: #141366;
  font-weight: 200;
  
 
}
h2{
    font-size: 2.5rem;
    
    font-weight: normal;
    position: relative;
    bottom: 40px;
    color: #141366;
    position: relative;
}
.getintouch{
    position: relative;
    top: 30px;
}


body{
   margin: 0em;
   text-align: center;
   background:linear-gradient(to right, #85cce4 0%, rgb(207, 174, 180));
  
   

  
  }
  p{
     text-align: center;

     

  }

.Biplop{
    width: 200px;
    height: auto;
    margin: 100px auto auto auto;
}

  .D{
      color: rgb(250, 139, 35);
  }
  .e{
      color: green;
  } image resolution set
  .s{
      color:blue;
  }
  .i{
      color: rgb(209, 18, 18);
  }
  .g{
      color: rgb(94, 65, 12);
  }
  .n{
      color: rgb(224, 60, 88);
  }
  .e{
      color: purple;
  }
  .r{
      color: rgb(7, 58, 87);
  }
  .bottom-cloud{
      position: absolute;
      top: 200px;
      
  }
.top-cloud{
    position: absolute;
    right: 300px;
    top: 80px;
}
.Football{

    width: 25%;
    height: auto;
    float: right;
    margin-left: 40px;

    
}
.Sun{
    width: 100px;
    height: auto;
    position: absolute;
    left: 300px;
    top: 140px;
}
.myskills{
   width:50% ;
  margin: 100px auto 100px auto;
  
}
.hobby{
    width: 50%;
    margin: 100px auto 100px auto;
    

}
.bottoncontainer{
    margin-top: 20px;
    background-color: rgb(134, 118, 163);
    margin: 0%;
    padding: 50px 0 20px;
    position: relative;
    top: 80px;
}
.social{
    margin-top:88px;
    margin-right: 8px;
}
.coding{
    line-height: 20px;
    text-align: left;
}
hr {
    
    border-style: none  none;
    background-color: linear-gradient(to right, #85cce4 0%, rgb(207, 174, 180)); 
    border-top-style: dotted;
    border-width: 4px;
    width: 30%;
    margin-top: 100px;
    color: rgb(151, 122, 83);
 }
h3{
    color: #eb4b60ec;
}

.codingpicture{
    float: left;
    margin-right: 40px;
    width: 25%;
}
.paraagraph{
    text-align: left;
    line-height: 20px;
    
}
 .hh3{
     text-align: left;
 }
 .intro{
     line-height: 20px;
    
 }
 .btn {
    position: relative;
    top: 20px;
    background: #68b3e6;
    background-image: -webkit-linear-gradient(top, #68b3e6, #030061);
    background-image: -moz-linear-gradient(top, #68b3e6, #030061);
    background-image: -ms-linear-gradient(top, #68b3e6, #030061);
    background-image: -o-linear-gradient(top, #68b3e6, #030061);
    background-image: linear-gradient(to bottom, #68b3e6, #030061);
    -webkit-border-radius: 28;
    -moz-border-radius: 28;
    border-radius: 28px;
    font-family: Arial;
    color: #ffffff;
    font-size: 20px;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
  }
  
  .btn:hover {
    background: #fc3ccf;
    background-image: -webkit-linear-gradient(top, #fc3ccf, #d93434);
    background-image: -moz-linear-gradient(top, #fc3ccf, #d93434);
    background-image: -ms-linear-gradient(top, #fc3ccf, #d93434);
    background-image: -o-linear-gradient(top, #fc3ccf, #d93434);
    background-image: linear-gradient(to bottom, #fc3ccf, #d93434);
    text-decoration: none;
  }
  a{
      text-decoration: none;
      margin: 0 20px 0;
      font-family: sans-serif;
      color: rgb(219, 207, 157);
  }
  a:hover{
      color: brown;
  }
 .footer{

 font-family: sans-serif;
 }