style.css

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

h1 {
  margin: 20px auto 0px auto;
font-family:  'Sacramento', cursive;
font-size:5.625rem;
color: magenta;
}
h2 {
  font-family: 'Montserrat', sans-serif;
  font-size: 2rem;
  color: darkslateblue;
}
h3{
  font-family: 'Montserrat', sans-serif;
  color:slategray;
}
.topcontainer {
  background-color: cornsilk;
  position: relative;
  padding-top: 100px;
}

.bottemcloud {
  position: absolute;
   left: 300px;
   right: 300px;
}
.topcloud{
  position: absolute;
  right: 300px;
  top:50px;

}
.birds{
  position: absolute;
 height: 250px;
 width:250px;
 right:310px;
 top: 110px;
}

.my-image{
  margin-top: 50px;
height:250px;  
width: 250px;
}

.tech{
 
 width:45%;
 float: left;
 margin-right: 25px;

}
hr{
  border: dotted magenta ;
  width: 30%;
}


.Cricket{
  
 width:30%;
 border-radius:50%;
margin-top: 30px;
float:right;
margin-left: 25px;

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

}


.btn {
  background: #61b3e6;
  background-image: -webkit-linear-gradient(top, #61b3e6, #2877a8);
  background-image: -moz-linear-gradient(top, #61b3e6, #2877a8);
  background-image: -ms-linear-gradient(top, #61b3e6, #2877a8);
  background-image: -o-linear-gradient(top, #61b3e6, #2877a8);
  background-image: linear-gradient(to bottom, #61b3e6, #2877a8);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: 'Merriweather', serif;
  color: #fff5ff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.btn:hover {
  background: #135d8a;
  text-decoration: none;
}

.bottemcontainer{
  margin-top: 30px;
  background-color: rgb(214, 163, 163);
  padding: 40px 0px 20px;
}

a{
  color: blue;
  margin: 20px 20px;
  font-family:'Montserrat', sans-serif; 
  text-decoration: none;

}
a:hover{
  color: whitesmoke;
  font-weight:bolder;
  font-size: larger;
}